*,:before,:after{box-sizing:border-box}body,html{flex-direction:column;min-height:100vh;margin:0;padding:0;font-family:Arial,sans-serif;display:flex}header{color:#fff;background-color:#333;padding:20px 10%}nav{justify-content:space-between;align-items:center;display:flex}.logo{font-size:1.5em}.nav-links{align-items:center;margin:0;padding:0;list-style-type:none;display:flex}.nav-links li{margin-left:20px}.nav-links li a{color:#fff;border-bottom:2px solid #0000;padding:5px 0;text-decoration:none;display:block}.nav-links li a:hover{border-bottom:2px solid #ffbf00;border-image-source:linear-gradient(45deg,#905f26,#f4eb99,#905f26);border-image-slice:1}.hero{text-align:center;text-shadow:1px 0 10px #393939;flex-grow:1;margin-top:1em;font-size:xx-large}.hero>h1{text-shadow:1px 0 10px #fc0;font-size:2.75em}#features>h1{text-shadow:1px 0 10px #e9c01e;font-size:2.5em}.feature>h3{text-shadow:1px 0 2px #525251;font-size:x-large}section{padding:20px 10%}#features .feature-list{flex-wrap:wrap;justify-content:space-between;display:flex}.feature{text-align:center;color:#000;background-color:#f8f9fa;border-radius:15px;flex-basis:calc(33.333% - 20px);margin:10px;padding:20px;box-shadow:0 4px 8px #0000001a}footer{color:#fff;text-align:center;margin-top:auto;padding:20px 10%}.alternating-sections{flex-grow:1}.alternating-sections:nth-child(2n-1){background-image:linear-gradient(135deg,#6e6e6e,#d4d4d4);background-color:#6e6e6e!important;border-color:#d4d4d4!important}.alternating-sections:nth-child(2n-2){background-image:linear-gradient(135deg,#4d4d4d,#6e6e6e);background-color:#b3b3b3!important;border-color:#d4d4d4!important}