body{background-color:#202124;font-family:'Roboto', sans-serif;margin:0;padding:0}a{color:white;text-decoration:none}a:hover{color:#5c8ef1}a:visited{color:#e8eaed}a:visited:hover{color:#5c8ef1}p{color:#e8eaed}h1,h2,h3,h4{color:#e8eaed}button,.button{background-color:#5c8ef1;border:none;border-radius:1.875rem;color:#e8eaed;cursor:pointer;font-weight:bold;padding:.5rem}button:hover,.button:hover{background-color:#3a5da1}label{color:#e8eaed}ul{color:#e8eaed}#main-header{background-color:black;color:#e8eaed;display:flex;padding:.5rem}#main-header a{margin:0 .5rem}#main-content{padding:0 .5rem}#main-footer{background-color:black;bottom:0;color:#e8eaed;position:absolute;width:100%}#main-footer_text{margin-right:1rem;justify-content:right}#main-title{color:#5c8ef1}#hero-image{height:20rem;width:100%}.flex-it-column{display:flex;flex-direction:column;justify-content:center}.flexit{display:flex;flex-direction:row}.flexit-center{display:flex;justify-content:center}.option{margin:0 .5rem}#collections{justify-content:left}.options{margin:0 .5rem}.align-center{text-align:center}.blue{color:#5c8ef1}.button-to-text{background-color:#202124;color:#e8eaed;font-family:'Roboto', sans-serif;font-size:1rem;font-weight:normal;margin:0;padding:0}.button-to-text:hover{background-color:#202124}.decision-container,#final-results{align-items:center;display:flex;flex-direction:column}.results-div{color:#e8eaed}.spacer{height:2rem}.compass{width:400px;height:400px;background-color:#3a5da1;border-radius:100%;position:relative;margin:0 auto}.compass-inner{width:340px;height:340px;background-color:#3D3D3D;border-radius:100%;position:relative;left:27.5px;top:27.5px;border:3px solid #C5C5C5}.main-arrow{height:100%;width:30px;left:155px;position:relative;padding-top:5px;box-sizing:border-box;transform:rotate(20deg);animation:spin 5.0s alternate infinite;-ms-transform:rotate(20deg);-o-transform:rotate(20deg);-o-animation:spin 5.0s alternate infinite;-moz-transform:rotate(20deg);-moz-animation:spin 5.0s alternate infinite;-webkit-transform:rotate(20deg);-webkit-animation:spin 5.0s alternate infinite}.arrow-up{width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:165px solid #EF5052;position:relative}.arrow-down{-webkit-transform:rotate(180deg);width:0;transform:rotate(180deg);-ms-transform:rotate(180deg);height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:165px solid #F3F3F3;position:relative}.north{font-size:3rem;font-family:'Italianno', cursive;color:#FFF;position:absolute;left:155px;top:10px}.east{font-size:3rem;font-family:'Italianno', cursive;color:#FFF;position:absolute;left:290px;top:150px}.west{font-size:3rem;font-family:'Italianno', cursive;color:#FFF;position:absolute;left:20px;top:150px}.south{font-size:3rem;font-family:'Italianno', cursive;color:#FFF;position:absolute;left:155px;top:280px}@keyframes spin{0%{transform:scale(1) rotate(0deg)}50%{transform:scale(1) rotate(80deg)}100%{transform:scale(1) rotate(-180deg)}}@-o-keyframes spin{0%{-webkit-transform:scale(1) rotate(0deg)}50%{-webkit-transform:scale(1) rotate(80deg)}100%{-webkit-transform:scale(1) rotate(-180deg)}}@-moz-keyframes spin{0%{-webkit-transform:scale(1) rotate(0deg)}50%{-webkit-transform:scale(1) rotate(80deg)}100%{-webkit-transform:scale(1) rotate(-180deg)}}@-webkit-keyframes spin{0%{-webkit-transform:scale(1) rotate(0deg)}50%{-webkit-transform:scale(1) rotate(80deg)}100%{-webkit-transform:scale(1) rotate(-180deg)}}@media (max-width: 600px){.compass{width:200px;height:200px;text-align:center}.compass-inner{width:170px;height:170px;left:13px;top:13px}.main-arrow{width:30px;left:78px;width:15px;padding-top:3px}.arrow-up{border-bottom:82.5px solid #EF5052;border-left:7.5px solid transparent;border-right:7.5px solid transparent}.arrow-down{border-bottom:82.5px solid #F3F3F3;border-left:7.5px solid transparent;border-right:7.5px solid transparent}.north{font-size:2rem;left:78px;top:10px}.south{font-size:2rem;left:78px;top:140px}.east{font-size:2rem;top:72.5px;left:145px}.west{font-size:2rem;left:10px;top:72.5px}}@media (max-width: 600px){.compass{width:200px;height:200px;text-align:center}.compass-inner{width:170px;height:170px;left:13px;top:13px}.main-arrow{width:30px;left:78px;width:15px;padding-top:3px}.arrow-up{border-bottom:82.5px solid #EF5052;border-left:7.5px solid transparent;border-right:7.5px solid transparent}.arrow-down{border-bottom:82.5px solid #F3F3F3;border-left:7.5px solid transparent;border-right:7.5px solid transparent}.north{font-size:2rem;left:78px;top:10px}.south{font-size:2rem;left:78px;top:140px}.east{font-size:2rem;top:72.5px;left:145px}.west{font-size:2rem;left:10px;top:72.5px}}@media (max-width: 600px){.compass{width:200px;height:200px;text-align:center}.compass-inner{width:170px;height:170px;left:13px;top:13px}.main-arrow{width:30px;left:78px;width:15px;padding-top:3px}.arrow-up{border-bottom:82.5px solid #EF5052;border-left:7.5px solid transparent;border-right:7.5px solid transparent}.arrow-down{border-bottom:82.5px solid #F3F3F3;border-left:7.5px solid transparent;border-right:7.5px solid transparent}.north{font-size:1rem;left:78px;top:10px}.south{font-size:1rem;left:78px;top:140px}.east{font-size:1rem;top:72.5px;left:145px}.west{font-size:1rem;left:10px;top:72.5px}}@media (max-width: 600px){.compass{width:200px;height:200px;text-align:center}.compass-inner{width:170px;height:170px;left:13px;top:13px}.main-arrow{width:30px;left:78px;width:15px;padding-top:3px}.arrow-up{border-bottom:82.5px solid #EF5052;border-left:7.5px solid transparent;border-right:7.5px solid transparent}.arrow-down{border-bottom:82.5px solid #F3F3F3;border-left:7.5px solid transparent;border-right:7.5px solid transparent}.north{font-size:1rem;left:78px;top:10px}.south{font-size:1rem;left:78px;top:140px}.east{font-size:1rem;top:72.5px;left:145px}.west{font-size:1rem;left:10px;top:72.5px}}