@font-face{font-family:Material Symbols Rounded Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/FreeCodeCampCourses/assets/material-symbols-rounded-latin-wght-normal-CAx1RIq9.woff2) format("woff2-variations")}@font-face{font-family:Orbitron;src:url(/FreeCodeCampCourses/fonts/Orbitron-VariableFont_wght.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Alata;src:url(/FreeCodeCampCourses/fonts/Alata-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Blanka;src:url(/FreeCodeCampCourses/fonts/Blanka.otf) format("truetype");font-weight:400;font-style:normal}body{font-family:Orbitron,sans-serif}h1{color:#fff;font-size:2em}h2{font-size:1.6em}p{color:#fff;font-size:1em}body,h1,h2,p,ul,li{margin:0;padding:0}body{font-family:Orbitron,sans-serif;text-align:center;display:flex;flex-direction:column;overflow-x:hidden;box-sizing:border-box}main{width:100%;flex:1;height:calc(100vh - 60px);box-sizing:border-box;padding:0;margin:0;overflow:hidden}section{margin-bottom:10px;margin-top:10px}.pagefooter{background-color:#000;color:#fff;font-size:large;padding:20px 0;text-align:center;bottom:0;left:0;right:0;border-radius:10px;z-index:20}h1{color:#fff;font-size:2em;padding:20px 0}p{color:#333}.heroimg img{width:60vw;height:auto;display:block;margin:0 auto;padding-top:50px}@media only screen and (max-width: 900px){.heroimg{flex-direction:column;width:100vw;max-width:100%;overflow:hidden}}@media only screen and (max-width: 900px){main{width:fit-content}}header{background-color:#333;color:#fff;padding:10px 0;position:sticky;top:0;display:flex;justify-content:center;width:100%}nav{display:flex;justify-content:space-between;align-items:center}nav ul{list-style:none}nav ul li{display:inline-block;padding-left:20px;padding-right:20px}nav a{color:#000;text-decoration:none;font-weight:700;display:block;padding:10px;border:1px solid #333;border-radius:15px;margin:10px;background-color:#fff;transition:background-color .3s,color .3s}nav a:hover{background-color:#333;color:#fff}.burger-icon{display:none;font-size:30px;cursor:pointer}@media only screen and (max-width: 900px){nav{flex-direction:column}nav ul{display:none;flex-direction:column;width:100%;background-color:#333;position:absolute;top:60px;left:0;z-index:1000}nav ul.active{display:flex}nav ul li{margin:10px 0}nav ul li a{color:#fff;border:none;background:none}.burger-icon{display:block}}a,a:visited{color:#000}a:hover,a:active{color:brown}