.station__main{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;height:100%}.station__cook_btn{display:block;width:300px;height:300px;border-radius:150px;background-color:var(--color-selective-yellow);border:15px solid var(--color-ut-orange);color:#fff;font-size:60px;cursor:pointer;z-index:10}.station__cook_btn:hover{transform:scale(1.1)}.station__element{display:flex;align-items:center;justify-content:center;font-size:60px;color:var(--color-sky-blue);width:220px;height:220px;border-radius:50%;border:4px solid var(--color-sky-blue);z-index:5}.station__element--left{transform:translate(10%)}.station__element--right{transform:translate(-10%)}.station__element button:last-child{position:absolute;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-prussian-blue);background-color:var(--color-white);border-radius:50%;top:-.75rem;left:40%;font-size:1.5rem;cursor:pointer}#root{display:flex;width:100vw;height:100vh;height:100dvh;padding:1.5rem 2rem;gap:1rem;overflow:hidden}#root>main{flex-grow:1}body *{margin:0;padding:0;box-sizing:border-box}h1{font-size:2rem}h2{font-size:1.75rem;font-weight:700}button{background-color:transparent;border:none;transition:transform .2s ease-in;font-family:Poppins,sans-serif}button:focus{outline:none}:root{--color-sky-blue: #8ecae6;--color-blue-green: #219ebc;--color-prussian-blue: #023047;--color-selective-yellow: #ffb703;--color-ut-orange: #fb8500;--color-white: #eef6fa;box-sizing:border-box;font-size:18px}body{margin:0;padding:0;box-sizing:border-box;background-color:var(--color-white);color:var(--color-prussian-blue);font-family:Poppins,sans-serif;font-weight:400;line-height:1.2rem}button.u-hover-scale:hover{transform:scale(1.1);transition:transform .2s ease-out;cursor:pointer}input{display:block;width:100%;padding:.25rem .5rem;font-size:1rem;font-family:poppins,sans-serif;border:none;border-radius:4px}input:focus{outline:none;outline:2px solid var(--color-ut-orange)}.u-animate-appear{animation:appear .2s linear 1}@keyframes appear{0%{transform:scale(.8)}to{transform:scale(1)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:var(--color-blue-green);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-prussian-blue)}*{scrollbar-width:thin;scrollbar-color:var(--color-blue-green) transparent}