body{display:flex;margin:0;font-family:Quicksand,sans-serif;place-items:center;justify-content:center;align-items:center;min-height:100vh;background-color:#1f0d26;flex-direction:column}.basic-container,.win-container,.main-container,.no-container,.start-container{display:flex;height:35vh;width:30vw;padding:2rem;margin:0;align-items:center;justify-content:center;border-radius:30px;box-shadow:0 4px 8px #0000001a;text-align:center;color:#ebd9f2}@media (max-width: 768px){.basic-container,.win-container,.main-container,.no-container,.start-container{width:85vw;height:auto;min-height:40vh;padding:1.5rem 1rem}}.start-container{flex-direction:column;background-color:#491f58}.no-container{flex-direction:column;background-color:#581f1f}.main-container{flex-direction:column;background-color:#491f58}.main-container button{width:40%!important}@media (max-width: 768px){.main-container button{width:70%!important}}.main-container input{width:30%;padding:.35rem 1rem;text-align:center;border:none;border-radius:5px;background-color:#ffe0e9;color:#1f0d26;font-size:1.6rem;margin-bottom:20px;transition:box-shadow .3s ease}.main-container input::-moz-placeholder{color:#1f0d26;opacity:.7}.main-container input::placeholder{color:#1f0d26;opacity:.7}.main-container input:focus{outline:none;box-shadow:0 0 10px #ff6692b3}@media (max-width: 768px){.main-container input{width:80%;font-size:1.4rem}}.win-container{flex-direction:column;background-color:#491f58}.button-div{width:100%;margin:0;padding:10px 0;display:flex;gap:10px;align-items:center;justify-content:center}.button-div button{width:30%;padding:.35rem 1rem;text-align:center;border:none;border-radius:15px;background-color:#f5a3ba;color:#1f0d26;cursor:pointer;font-size:1.6rem;transition:background-color .3s ease}.button-div button:hover{background-color:#ff6692}.button-div button:active{background-color:#fb477a}@media (max-width: 768px){.button-div button{width:45%;font-size:1.4rem;padding:.5rem 1rem}}@media (max-width: 768px){.button-div{gap:15px}}