@keyframes leftSlide{0%{left:-400px}100%{left:0}}@keyframes rightSlide{0%{right:-400px;font-size:40%}100%{right:0}}@keyframes bottomSlide{0%{bottom:-300px}100%{bottom:0}}@keyframes topSlide{0%{top:-1000px}100%{top:0}}@keyframes textGrow{0%{font-size:40%}40%{font-size:50%}60%{font-size:70%}80%{font-size:80%}}@keyframes elementGrow{0%{width:0%;height:0%}20%{width:5%;height:5%}40%{width:10%;height:10%}60%{width:30%;height:50%}}@keyframes elementHide{0%{box-shadow:none}30%{box-shadow:.1em .1em .1em #5f9ea0,-.1em -.1em .1em #5f9ea0}40%{box-shadow:.1em .1em .1em #5f9ea0,-.1em -.1em .1em #5f9ea0}50%{box-shadow:.1em .1em .1em #f08906,-.1em -.1em .1em #f08906}60%{box-shadow:.1em .1em .1em rgba(43,46,100,.3764705882),-.1em -.1em .1em rgba(43,46,100,.4509803922)}}@keyframes displayHide{0%{color:#fff}70%{color:#5f9ea0}}@keyframes hideElement{0%{display:none}10%{display:none}20%{display:none}30%{display:none}40%{display:none}50%{display:none}60%{display:none}70%{display:none}80%{display:none}90%{display:none}95%{display:none}}@media screen and (min-width:541px) and (max-width:854px){*,::after,::before{box-sizing:border-box}body{margin:0;padding:0;font-family:Delius,cursive;background-color:rgba(255,255,255,.2);width:100%;min-height:100vh;display:grid;grid-template-columns:1fr;grid-auto-rows:max-content}body .projects{padding:.2em;font-family:Roboto,sans-serif;width:100%;min-height:73vh;display:grid;grid-template-columns:1fr}body .projects .home-wrap{margin:1em;border-radius:.4em;position:relative;animation-name:elementHide;animation-duration:1.3s;animation-timing-function:ease-in}body .projects .home-wrap h2{text-align:center;color:#2b2e64;font-size:3vw;position:relative;animation-name:displayHide;animation-duration:1.9s;animation-timing-function:ease-out}body footer{padding:1em;width:100%;font-family:Roboto,sans-serif;background-color:#2b2e64;display:grid;justify-items:center}body footer .navbox{width:60%}body footer .navbox p{text-align:center;color:#fff;font-weight:500;font-size:1.8vw}}