*{padding:0;margin:0}body{font-size:62.5%;font-size:1rem;background:#1da1f2;font-family:'Special Elite',cursive}.clear::after{content:"";display:table;clear:both}#header{color:#fff}#content{position:relative;min-height:100%}#footer{position:absolute;bottom:0;left:0;width:100%;height:50px;color:#fff;text-align:center;transition:all .5s}ul#topNav{list-style-type:none}ul#topNav{float:right}ul#topNav li{margin:1rem;float:left}ul#topNav li a{text-decoration:none;color:#fff;font-size:1.5rem;padding:.5rem 1rem;transition:ease-in-out .5s}ul#topNav li a:before{content:":";font-size:2rem}ul#topNav li a:hover{background-color:#fff;color:#1da1f2}ul#topNav li.btn-projects a:hover{cursor:not-allowed}ul#topNav li.btn-contact a:hover{box-shadow:4px 4px 5px #444}#logo{width:10%;float:left;margin:1rem;font-size:2rem}#greeting{text-align:center;padding-top:10rem;color:#fff;font-size:2rem}#extra,#message{color:#fff;text-align:center}@media only screen and (max-height:385px){#greeting{padding-top:4rem}}@media only screen and (max-width:518px){#logo{margin:1.8rem 1rem;font-size:1rem;text-align:center}ul#topNav li a{font-size:1rem}#greeting{padding-top:5rem}}@media only screen and (max-width:350px){ul#topNav li{margin:.5rem;padding-top:.8rem}}