.content,header{border:1px solid hsla(0,0%,100%,.3)}html,nav{background-color:#000}a,body{color:#fff}footer,h2,main,nav{padding:10px}footer,header{position:fixed;left:0;right:0;background-color:hsla(0,0%,100%,.1);text-shadow:0 0 4px #fff}body,html{overflow-x:hidden}body{font-family:Sans-Serif;font-weight:100;background-color:#111}header{padding:3px;top:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:1s a}main{margin-top:75pt;margin-bottom:20px}.content{padding:30px;background-color:hsla(0,0%,100%,.1);box-shadow:0 0 10px hsla(0,0%,100%,.5);border-radius:10px}nav{margin:0;width:100%;text-align:center}hr{border:.5px solid #fff}h2{border-left:5px solid #0f0}footer{bottom:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid hsla(0,0%,100%,.3)}@keyframes a{0%{opacity:0}to{opacity:1}}