body{font-family:Lora,serif;background-color:#f0efec;width:100vw;overflow-x:hidden;overflow-y:auto}textarea{font-family:Lora,serif;line-height:1.5em}textarea:focus{outline-color:#d7da5e;outline-width:1px;box-shadow:0 4px 6px #d7da5e}.whole-page{padding:20px}.circle{width:800px;height:800px;background-color:#f14b03;border-radius:50%;position:relative;transition:cubic-bezier(0,0,0,1.01) 5s}.triangle{width:80px;height:auto}.main{display:flex;width:100%;column-gap:50px}.text-area-div{width:300px;box-sizing:border-box}.wheel-div{display:flex;flex-direction:column;align-items:center}.spin-button{margin:30px 0 0;padding:0;cursor:pointer;position:relative;display:inline-block;height:100px;width:100px;border:0px;background:none}.spin-button_label{z-index:1;background-color:transparent;font-size:30px;position:absolute;border:0px;left:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer}.spin-button_border{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px;width:100px;height:80px;background-color:#d7da5e;border-radius:20px;box-sizing:border-box;border:2px dotted #6c6d30;transition:all .3s ease-in-out}.spin-button:hover .spin-button_border{animation:spin 1s linear infinite;width:120px;height:120px;border-radius:50%;border:10px dotted white;background-color:#ff7c5c}.text-area-div>textarea{box-sizing:border-box;height:800px}@media (max-width: 1089px){html,body{padding:0;margin:0}.text-area-div>textarea{box-sizing:border-box;height:350px;width:100%}.text-area-div{margin-top:50px;width:100%}button{color:#000}textarea{font-size:16px;line-height:2rem}.main{flex-direction:column;justify-content:center;flex-direction:column-reverse}.wheel-div{overflow:hidden;margin-top:-10px;margin-left:-20px;margin-right:-20px}.spin-button_border{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px;width:100px;height:80px;background-color:#d7da5e;border-radius:20px;box-sizing:border-box;border:2px dotted #6c6d30;transition:all .3s ease-in-out}.spin-button:hover .spin-button_border{animation:none;width:100px;height:80px;background-color:#d7da5e;border-radius:20px;box-sizing:border-box;border:2px dotted #6c6d30}#spin-mobile{animation:spin 1s linear infinite;width:100px;height:100px;border-radius:50%;border:10px dotted white;background-color:#ff7c5c}}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}