header{background-image:linear-gradient(to right,#cbaaf1,#3e7eb6);padding:20px}header .container{display:flex;align-items:center;justify-content:space-between}header .container__brand h1{font-family:Neutraface;color:#fff1f2}header .container__brand span.logo{color:#f7f319;text-shadow:1px 2px 3px #111}.space{margin-top:50px}main section{width:100%;margin:0 auto}main section h2{text-align:center}main section article{width:75%;height:80vh;margin:0 auto;background-color:#fff1f2;float:left}main section nav{float:left;width:12%;background-image:linear-gradient(to right,#94bbdd,#cbaaf1);height:auto;margin-right:2%}main section nav ul{list-style:none}main section nav ul li{position:relative}main section nav ul li a{color:#fff1f2;text-decoration:none;font-weight:700;padding:20px 16px;display:block;transition:all .5s ease;text-align:center}main section nav ul li a.active,main section nav ul li a:hover{background-color:#f7f319;color:#111;text-shadow:#94bbdd}#about-site{width:82%;height:70vh;background-color:#111;margin:50px auto}#about-site h2{font-size:3rem;color:#fff1f2;text-align:center;padding-top:20px}#about-site p{text-align:center;line-height:40px;font-size:2rem;color:#fff1f2;padding:80px 50px}#about-site p span{color:#f7f319}#about-site button{text-align:center;width:200px;margin:0 auto;height:50px;display:block;background-color:#f7f319;border-radius:2px;border:none;transition:all .5s ease}#about-site button:hover{background-color:#cbaaf1;color:#fff1f2;cursor:pointer}*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:Neutraface;src:url(../../assets/fonnts.com-Neutraface-Text-Book.otf) format("opentype")}@font-face{font-family:Inter;src:url(../../assets/Inter-4.1/InterVariable.ttf) format("truetype")}body{background-image:url(../../build/images/bg-site.png);background-repeat:repeat;font-family:Inter}