@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap');:root{--default: white;--text: black;--content: #121212;--bg-botttom: #1ED760;--bs: 0px 10px 15px -5px rgba(0,0,0,0.1);--bgfooter: rgb(41,41,41);--bgform: #212121;}*{margin: 0;padding: 0;box-sizing: border-box;font-family: 'Fredoka', sans-serif;color: var(--default);}a{text-decoration: none;}.danger{background: red;padding: 8px;border-radius: 4px;margin-bottom: 32px;}.success{background: rgb(4, 197, 4);padding: 8px;border-radius: 4px;margin-bottom: 32px;}body, html {height: 100%;}body{overflow: hidden;}header{height: 10%;background: var(--text);}.img-login{height: 80%;width: 56px;margin-top: 5px;}.content{width: 100vw;height: 80vh;background: var(--content);display: flex;justify-content: center;align-items: center;}.form{max-width: 734px;width: 100%;height: 90%;background: var(--bgform);display: flex;justify-content: center;align-items: center;border-radius: 15px;flex-direction: column;}form{display: flex;flex-direction: column;height: 50%;width: 70%;}label{font-weight: 500;margin-bottom: 8px;}form input{width: 100%;height: 48px;border:none;margin-bottom: 16px;text-align: center;border-radius: 5px;font-size: 16px;color: var(--text);}form input:focus{box-shadow: rgba(0, 0, 0, 0.4) 3px 3px 3px;}form .button{width: 100%;height: 48px;border: none;border-radius: 100px;font-weight: 500;font-size:16px;cursor: pointer;background: var(--bg-botttom);transition: .5s ease;display: flex;justify-content: center;align-items: center;}form .button:hover{scale: 0.98;box-shadow: none;color: var(--default);}footer{height: 10%;background: var(--bgfooter);display: flex;justify-content: center;align-items: center;}.link{margin-top: 16px;}@media screen and (min-width: 620px) {form{width: 50%;height: 63%;}}