@import "https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Bodoni+Moda:opsz@6..96&family=Lato&family=Marcellus&family=Poppins&family=Source+Sans+Pro&display=swap";
*{box-sizing:border-box;margin:0;padding:0;font-family:Marcellus,serif}.main{color:#fff;max-width:100vw;min-height:100vh;padding:1rem;overflow-x:hidden}a{color:inherit;text-decoration:none}.buttonSection{flex-direction:column;justify-content:center;align-items:center;margin:2rem auto;display:flex}button{color:#000;cursor:pointer;background-color:#fff;border:none;border-radius:5px;padding:.5rem 1.25rem;font-size:1.1rem}button:hover{background-color:#e8e6e6}.distance-score{justify-content:center;align-items:center;width:100%;margin:1rem auto 0;display:flex}.distance-score div h4,.distance-score div h5{font-size:1rem}.map{width:95vw;height:50vh}.locationMarker{color:#000;background-color:#2289e5;border:1px solid #000;border-radius:50%;padding:7.5px}.correctMarker,.incorrectMarker{background-color:#0ec917;border:1px solid #000;border-radius:50%;padding:5px}.incorrectMarker{background-color:#dc2028}.answer{justify-content:center;align-items:center;height:3rem;display:flex}.results{text-align:center;width:100%}@media screen and (min-width:768px){.main{padding:2rem}.distance-score{width:600px}.distance-score div h4,.distance-score div h5{font-size:1.3rem}.map{border:2px solid #fff;border-radius:50%;width:500px;height:500px}.marker{background-color:red}.results{width:50%}}