:root{--dark-green:#012a20;--light-green:#f2fff4;--green:#00a194;--red:#ec3d08;--white:#f9fffc;--gray:#819796}html{background-color:var(--light-green);font-family:Roboto}.phonePage{justify-content:center;margin:100px 0 0;display:flex}.container{flex-direction:column;width:450px;display:flex}h1{color:var(--green);margin-bottom:10px;font-size:36pt}p{color:var(--dark-green);margin-bottom:50px;font-size:17pt}.error{color:var(--red);margin-bottom:5px;margin-left:10px;font-size:13pt}form{flex-direction:column;display:flex}input{border:3px solid var(--green);background-color:var(--white);color:var(--dark-green);border-radius:8px;margin-top:35px;padding:10px;font-size:15pt}input::placeholder{color:var(--gray)}.enter-button{border:0px solid var(--green);background-color:var(--green);color:var(--white);border-radius:15px;margin:60px 30px 0;padding:17px;font-size:17pt;transition:transform .2s}.enter-button:hover{background-color:var(--dark-green);transform:scale(.95)}.enter-button:active{transform:scale(.9)}.enter-button:disabled{background-color:var(--dark-green);transform:scale(.9)}.resend-code{color:var(--dark-green);background-color:#0000;border:0;margin-top:25px;font-size:13pt;transition:transform .3s}.resend-code:disabled{color:var(--gray);font-size:12pt}.resend-code:enabled:hover{transform:scale(1.05)}.resend-code:enabled:active{text-shadow:.1px .1px 0px var(--dark-green), -.1px -.1px 0px var(--dark-green)}