section{background-color:#638c26;color:#eff7ff;text-shadow:0 0 6px #82204a;box-shadow:0 0 20px #9f86c0;border:5px solid #eff7ff;outline:3px solid #638c26;width:60vw;height:40vh;border-radius:2%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2vh}section>h2{margin-bottom:4vh}section>div{flex-direction:column;gap:1vh;justify-content:center;align-items:center;text-align:center}.input,section>div{display:flex}.input input{height:3vh;width:10vmax;background-color:#231123;color:#eff7ff;text-indent:10px;border-top-left-radius:5px;border-bottom-left-radius:5px;transition:.5s}.input input:focus-within{outline:none;background-color:#82204a}.input button{height:calc(3vh - 2px);width:3vh;background-color:#231123;display:flex;justify-content:center;align-items:center;border-top-right-radius:5px;border-bottom-right-radius:5px;transition:.5s}.input button:hover{cursor:pointer;background-color:#82204a}.input button svg{transform:scale(1.4);filter:invert(100%)}.error h2{margin-bottom:2vh}.error div{width:4vh;height:4vh;border-radius:5px;background-color:#231123}.error div svg{filter:invert(100%);transform:scale(2) rotateY(180deg)}