@keyframes "move"{0%{transform:rotate(0deg);}25%{transform:rotate(15deg);}50%{transform:rotate(0deg);}75%{transform:rotate(-15deg);}100%{transform:rotate(0deg);}}.modal-content{display:flex;flex-direction:column;justify-content:center;position:fixed;width:100%;height:100%;top:0px;z-index:-1}.svgx{width:50px;height:50px;padding:10px}#calc{margin:auto;background-color:#97323d;width:70vw;border-radius:7px;border:5px solid #c93d51;position:relative;z-index:auto}#coaster{color:#e88c4e;font-family:"Montserrat";font-size:5px;text-align:center;padding-top:0;display:inline-block;margin:auto}#rollercoaster{color:#e88c4e;font-family:"Montserrat";text-align:center;padding-top:0;display:inline-block;margin:auto}.CoasterDropdown{margin-bottom:.5em}#distance{color:#e88c4e;font-family:"Montserrat";text-align:center;font-size:5px;padding-top:0;display:inline-block;margin:auto}#calc-wrapper{padding:.7em}select{border:1px solid #9b4350;border-radius:2px;width:7em;overflow:hidden;background-color:#c45363;color:#e2e0bf}select:focus{outline:0}.rollercoasterOptions,.lengthOptions{font-size:5px}option{font-size:5px}#centerOptions{text-align:center}.centercalc{text-align:center}button{font-family:"Montserrat";font-size:.4em;border:none;background-color:#71a550;border-radius:3px;color:white;box-shadow:0px 3px 0px #466024;margin:.5em;transition:box-shadow .2s}button:hover{background-color:#6ca547;box-shadow:0px 2px 0px 0px #466024}button:focus{outline:0}#actionCall{font-family:"Montserrat";color:#FFFFFF;font-size:4px;padding-left:5px;padding-right:5px}.svgx{width:35px;height:35px}.answer{margin:auto;border-radius:10px;font-size:7px;text-align:center;color:#FFFFFF;font-family:"Montserrat";margin-bottom:.4em;padding-top:5px;padding-bottom:5px}#circles{text-align:center;padding:0;margin-top:0}.circ{display:inline-block;width:25px;height:25px;border-radius:50px;background:#dbd672;z-index:2;box-shadow:-1px -1px 0px #997930}.circ2{display:inline-block;width:25px;height:25px;border-radius:50px;background:#6ea34b;z-index:2;box-shadow:-1px -1px 0px #466024}.circ3{display:inline-block;width:25px;height:25px;border-radius:50px;background:#e98d4f;z-index:2;box-shadow:-1px -1px 0px #aa5d29}.circ4{display:inline-block;width:25px;height:25px;border-radius:50px;background:#ed1b2e;z-index:2;box-shadow:-1px -1px 0px #7f2d39}.circ5{display:inline-block;width:25px;height:25px;border-radius:50px;background:#4b40dd;z-index:2;box-shadow:-1px -1px 0px #292996}#length{color:#e88c4e;font-family:"Viga"}@media (min-width:480px){#calc{width:70vw}.circ{width:25px;height:25px}.circ2{width:25px;height:25px}.circ3{width:25px;height:25px}.circ4{width:25px;height:25px}.circ5{width:25px;height:25px}.answer{font-size:10px;padding-top:7px;padding-bottom:7px}.svgx{width:40px;height:40px}#coaster,#distance{font-size:8px}option{font-size:8px}.rollercoasterOptions,.lengthOptions{font-size:6.5px}button{font-size:.6em;border-radius:4px}#actionCall{font-size:7px;padding-left:5px;padding-right:5px}}@media (min-width:768px){#calc{border:10px solid #c93d51;border-radius:15px;padding:.8em}.answer{font-size:14px;padding-top:10px;padding-bottom:10px}#actionCall{font-size:10px;padding-left:5px;padding-right:5px}.circ{width:30px;height:30px;box-shadow:-2px 0px 0px #997930}.circ2{box-shadow:-2px 0px 0px #466024}.circ3{box-shadow:-2px 0px 0px #aa5d29}.circ4{box-shadow:-2px 0px 0px #7f2d39}.circ5{box-shadow:-2px 0px 0px #292996}.circ2,.circ3,.circ4,.circ5{width:30px;height:30px}.svgx{width:50px;height:50px}#coaster,#distance{font-size:11px;margin-right:.3em}.rollercoasterOptions,.lengthOptions{font-size:11px}button{font-size:.9em;border-radius:6px}}@media (min-width:992px){#calc{width:45vw}#coaster,#distance{font-size:16px}.rollercoasterOptions,.lengthOptions{font-size:14px}option{font-size:14px}#calculator{box-shadow:-3px 1px 0px #466024}.svgx:hover{animation:move .5s linear infinite;animation-fill-mode:forwards}#actionCall{font-size:14px}button{font-size:18px}.answer{font-size:20px}}@media (min-width:1200px){#calc{width:35vw;border:16px solid #c93d51;border-radius:20px}#actionCall{font-size:18px}.rollercoasterOptions,.lengthOptions{font-size:18px}option{font-size:18px}#coaster,#distance{font-size:24px}button{font-size:24px}#calculator{box-shadow:-5px 1px 0px #466024}.answer{font-size:26px}}@media (min-width:1400px){#actionCall{font-size:22px}}@media (min-width:1600px){.answer{padding-top:30px;padding-bottom:20px;font-size:40px}.circ,.circ2,.circ3,.circ4,.circ5{width:65px;height:65px}.circ{box-shadow:-4px 1px 0px #997930}.circ2{box-shadow:-4px 1px 0px #466024}.circ3{box-shadow:-4px 1px 0px #aa5d29}.circ4{box-shadow:-4px 1px 0px #7f2d39}.circ5{box-shadow:-4px 1px 0px #292996}#circles{margin-bottom:15px}#coaster,#distance{font-size:36px;margin-top:15px}.rollercoasterOptions,.lengthOptions{font-size:26px}button{font-size:2.4em;margin:.9em;box-shadow:-6px 1px 0px #466024;transition:box-shadow 1s}#actionCall{font-size:26px}}