*{box-sizing:border-box}body{background-color:#F8F8FF;display:block;background-size:100% 100%}h1{text-shadow:2px 1px 4px grey,0 0 5px #00F;font-size:50px;margin-top:0;-webkit-animation-name:head;-webkit-animation-duration:5s;-webkit-animation-play-state:running;-webkit-animation-iteration-count:infinite;animation-name:head;animation-duration:5s;animation-play-state:running;animation-iteration-count:infinite;font-family:Righteous,cursive}@-webkit-keyframes head{0%{color:#00F;text-shadow:text-shadow: 2px 1px 4px grey,0 0 5px #000}50%{color:#000;text-shadow:text-shadow: 2px 1px 4px grey,0 0 5px #00F}100%{color:#00F;text-shadow:text-shadow: 2px 1px 4px grey,0 0 5px #000}}#wrapper{border:2px solid #00F;border-radius:7px;width:540px;position:relative;background-color:#d3d3d3;overflow:auto}#image:hover,#wrapper:hover{box-shadow:3px 3px 4px grey,-3px -3px 4px grey}select{width:150px;margin-left:70px;margin-top:10px;padding-left:9.5%;font-size:25px;font-family:'Indie Flower',cursive;font-variant-numeric:diagonal-fractions}#div:first-of-type select{margin-top:20px}#res:not('p'){text-align:center}button{width:150px;height:40px;font-size:20px;float:left;left:30px;margin-left:70px;margin-top:10px;font-weight:700;background-color:#0c5aD6;border-radius:30px}button:nth-of-type(2){margin-left:73px}button:hover{border-color:red}#show{font-size:30px;margin-left:56px;font-family:Orbitron,sans-serif}img{border-radius:40%}#image{position:fixed;right:60px;top:450px;vertical-align:top;margin-top:-350px;border-radius:40%;border:2px dashed #00F;z-index:-1}#footer{position:fixed;bottom:0;left:0;background-color:#666;width:100%;height:20px}ul{list-style:none;overflow:hidden;margin:0;padding:0}ul li{float:left}li a{display:block}ul li:last-of-type{float:right;margin-right:5px;font-size:19px}span a{text-decoration:none;color:#00F}.foot{float:left;padding:20px;font-family:verdana;color:#000;display:block;text-align:center;margin-top:0;padding-top:0;padding-left:5px;left:0}a:link{text-decoration:none}a:hover{color:#6495ed;background-color:#f5f5f5}@media only screen and (max-width:1020px){#body{display:flex;flex-direction:column}#wrapper{width:100%}#image{position:relative;margin-bottom:50px;width:40%;border:none;right:unset;text-align:center}#image,#wrapper{align-items:baseline}#image:hover{box-shadow:unset}h1{font-size:40px}}