html,body{margin:0;height:100%}body{background-color:#42b776;font-family:Playpen Sans,sans-serif;overflow-x:hidden}header{text-align:center;background-color:#31683a;padding:3vh 0 0}h1{font-family:Londrina Solid,sans-serif;font-size:8rem;margin:0;color:#5af5a0;position:relative;filter:drop-shadow(0px 0px 3px)}#wave{background:radial-gradient(circle at top,#31683a 55%,transparent 55%),radial-gradient(circle at top,#224929 53%,transparent 63%);background-size:100px 100px;height:100px;position:relative;left:-35px;width:110%}#apps{max-width:1200px;padding-right:16px;padding-left:16px;margin:auto;display:grid;column-gap:5%;row-gap:16px;grid-template-columns:repeat(3,30%)}#apps>a{display:flex;background-color:#31683a;align-content:center;justify-content:center;padding:48px;text-decoration:none;color:#5af5a0;font-size:2rem;border-radius:32px;text-align:center}#apps>a:hover{box-shadow:0 0 16px #224929}#apps>a:active{box-shadow:0 0 8px #224929}footer{float:bottom;position:fixed;bottom:0;text-align:center;width:100%;padding-bottom:8px}@media(max-width:768px){h1{font-size:4rem}#wave{height:75px;background-size:75px 75px}#apps{grid-template-columns:repeat(2,45%)}#apps>a{font-size:1rem;padding:24px}}