diff --git a/public/style.css b/public/style.css index 3eae4084bda0c2270306b14ac8c1ca732415edc3..c876b21d72f499cff834d21b87730cf43312c9d7 100644 --- a/public/style.css +++ b/public/style.css @@ -1,10 +1,16 @@ +* { + margin: 0; + padding: 0; +} + body { font-family: sans-serif; + padding-top: 3rem; margin: auto; max-width: 1280px; } -.navbar { +/* .navbar { background-color: #313236; border-radius: 2px; max-width: 800px; @@ -20,5 +26,48 @@ body { .navbar a:hover { color: #ffffff; +} */ + +.container { + display: flex; + flex-direction: column; +} + +.container > .parent-container:not(:first-child) { + margin-top: 3rem; +} + +.parent-container { + display: flex; + flex-direction: column; + + padding: 1rem 3rem; + margin: 0 2rem; + + border: solid 1px grey; + border-radius: 16px; +} + +.parent-container > .title { + margin-bottom: 1rem; +} + +.child-container > .cover { + height: 300px; + margin-right: 1.5rem; + object-fit: cover; + border-radius: 16px; +} + +.child-container { + display: flex; + flex-direction: row; +} + +.info-box > h2 { + margin-bottom: 0.5rem; } +.info-box > h2:not(:first-child) { + margin-top: 1.5rem; +} \ No newline at end of file