/*------------Wireframe site palette----------------- Body background: #e7d6a8 (wheat) Primary text & Nav hover hyperlinks: #1b251d (eerie black) Nav bg: #908b44 (olive) Nav hyperlinks: #cad3db (french gray) Footer bg: #edeee7 (alabaster) Retrieved from: https://coolors.co/cad3db-edeee7-e7d6a8-908b44-1b251d ----------------------------------------------------*/ *, *:before, *:after { box-sizing: inherit; } body { } body { margin-bottom: 0px; margin-top: 0px; margin-left: auto; margin-right: auto; font-family: "Hind Siliguri"; sans-serif; color: #1B251D; background-color: #E7D6A8; font-size: 1.5em; } .content-wrap { padding-bottom: 2.3em; padding-top: 2.3em; padding-left: 2.3em; padding-right: 2.3em; } h1, h2, h3 { font-family: "Playwrite IT Moderna"; cursive; text-align: center; } header { background-image: url(../img/vrnzza.gif); background-attachment: fixed; min-height: 350px; } h1 { color: #EDEEE7; text-shadow: 1.5px 1.5px 2px #000000; padding-top: 2em; font-size: 3em; } p { text-align: center; } nav { background-color: #908B44; text-align: center; margin: 0; padding: 0; } nav ul li a { display: inline-block; padding: 0.5em 1em; color: #cad3db; text-decoration: none; border-bottom: 1px solid #e7d6a8; } @media screen and (min-width: 800px) { main { display: grid; grid-template-areas: "sect-1 sect-2" "sect-3 sect-4"; grid-gap: 1em; justify-content: space-around; } nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: row; justify-content: center; gap: 1em; } } footer { background-color: #EDEEE7; } #sect-1 { grid-area: sect-1; } #sect-2 { grid-area: sect-2; } #sect-3 { grid-area: sect-3; } #sect-4 { grid-area: sect-4; }