body{box-sizing:border-box;font-family:"Roboto Flex", sans-serif;height:100%;min-height:100vh;display:flex;flex-direction:column;margin:0}body .container{width:1800px;max-width:90%;margin:0 auto}.fade-in{opacity:0;transition:opacity 1s ease}.fade-in.visible{opacity:1}header{justify-content:space-between}@media screen and (max-width: 600px){header{justify-content:space-between}}.header-footer{display:flex;align-items:center;color:#28c3e0;text-transform:uppercase}.header-footer h1,.header-footer h2{margin:10px 0}.header-footer h1{font-size:20px}.header-footer h2,.header-footer p{font-size:16px}.header-footer p{text-align:center}@media screen and (max-width: 600px){.header-footer h1{font-size:18px}.header-footer h2,.header-footer p{font-size:14px}}main{background:#212121;background:linear-gradient(90deg, #212121 0%, #090979 100%, #28c3e0 100%);flex:1 0 auto;color:#fff;display:flex;flex-direction:column;justify-content:center;font-size:20px}main section figure{margin:0}main section img{max-width:100%;width:300px}main section a{color:#28c3e0;text-decoration:none;transition:.3s ease-in-out}main section a:hover{color:#fff;transition:.3s ease-in-out}footer{justify-content:center}footer a{color:#28c3e0;text-decoration:none;transition:.3s ease-in-out;font-weight:600}footer a:hover{color:#000;transition:.3s ease-in-out}