*{box-sizing:border-box;font-family:Mesmerize,sans-serif}@font-face{font-family:Fabrik;src:url(/font/fabrik.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Mesmerize;src:url(/font/mesmerize-bk.woff) format("woff");font-weight:400;font-style:normal}header{font-family:Fabrik,sans-serif;position:relative;top:3vh;left:2vw;width:fit-content;font-size:40px;color:#25c3ca;-webkit-user-select:none;user-select:none;transition:color .3s}header:hover{color:#59d4da}header:active{color:#59d4da}article{margin:8vh 0 80px calc(8vw + 20px);text-align:justify;padding-right:calc(8vw + 20px)}div.elements{display:flex;flex-wrap:wrap;justify-content:space-evenly;flex-grow:5;margin:10px;-webkit-user-select:none;user-select:none}div.elements a{background-color:#a8f6b2;color:#008c11;align-content:center;flex-grow:1;text-align:center;margin:10px;padding:25px;border-radius:25px;text-decoration:none;color:inherit;transition:background-color .3s,color .3s}div.elements a:hover{background-color:#5eea6f}div.elements a:active{background-color:#a8f6b2;color:#00d31a}footer{background-color:#ffe2af;color:#ffa400;position:fixed;bottom:0;left:0;width:250px;height:30px;transition:height 2s,color 2s}footer span{font-size:25px}footer:hover{height:50vh;overflow:auto;color:#b47400}