body{background:#B9E8DF;margin:30px}.homepage{height:100vh;display:flex;align-items:center;flex-direction:column;justify-content:center}.homepage--main{font-family:Karla;font-style:normal;font-weight:600;font-size:44px;text-align:center}.homepage--bottom{margin-top:10px;font-family:Karla;font-style:normal;font-weight:400;font-size:22px;line-height:28px;text-align:center}.homepage--start{background:#FFC4C4;margin-top:27.5px;box-shadow:0 4px 4px #00000040;padding:10px;width:160px;border-radius:15px;font-family:Karla;font-style:normal;font-weight:500;line-height:33px;text-align:center}.question{margin:20px 35px;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.options{display:flex;justify-content:row}.question--ques{font-family:Karla;font-style:normal;font-weight:600;font-size:22px;color:#070057;line-height:22px}.question-option{background:rgba(120,75,6,.13);padding:10px;width:160px;height:80px;margin-right:15px;margin-top:15px;border-radius:15px;font-family:Karla;font-style:normal;font-weight:500;text-align:center;color:#000}.question-option:focus{background:rgba(31,94,9,.27)}.result-button{display:flex;justify-content:center}.calculate-result{margin-top:30px;background:#FFC4C4;padding:20px 40px;box-shadow:0 4px 4px #00000040;font-size:18px;border-radius:15px;font-family:Karla;font-style:normal;font-weight:600;text-align:center}.result{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.result-text{font-family:Karla;font-style:normal;font-weight:400;font-size:32px;line-height:37px;text-align:center;color:#070057}.result-cat{font-family:Karla;font-style:normal;font-weight:400;font-size:36px;text-align:center;margin-top:10px}.result-description{font-family:Karla;font-style:normal;font-weight:400;font-size:22px;text-align:center}.result-image{margin:15px;border-radius:15px}.loader-container{width:100%;height:100vh;position:fixed;background:#B9E8DF url(https://media.giphy.com/media/8agqybiK5LW8qrG3vJ/giphy.gif) center no-repeat;z-index:1}.share-button{margin-top:70px;text-decoration:none;font-family:Karla;font-style:normal;font-weight:400;text-align:center}a:hover,a:active{color:#033003;cursor:pointer}.options{height:fit-content!important}@media only screen and (max-width: 700px){.options{display:flex!important;flex-direction:column!important;font-size:large!important;text-align:left}}