main{background:#5a1cd3;background:-webkit-linear-gradient(#5a1cd3,#3c0f8c);background:-o-linear-gradient(#5a1cd3 0,#3c0f8c 100%);background:linear-gradient(#5a1cd3,#3c0f8c);display:flex;align-items:center;justify-content:center;min-height:670px}main,main *{font-family:Roboto,sans-serif}@media screen and (max-width:900px){.form-nota{width:90%}}.form-nota{background-color:#fff;padding:40px 20px;border-radius:10px;width:400px;height:auto;gap:40px}.form-nota,.form-nota .form-group{display:flex;flex-direction:column}.form-nota .form-group{align-items:center;justify-content:center;gap:15px}.form-nota .form-group *{margin:0;display:flex}.form-nota input[type=text]{padding:10px;border-radius:5px;width:100%;box-sizing:border-box;border:1px solid #d5d5d5;box-shadow:unset}.form-nota input[type=text]:focus,.form-nota input[type=text]:focus-visible,.form-nota input[type=text]:hover{border:1px solid #666!important;box-shadow:unset!important;outline:unset!important}.form-nota .btn:active,.form-nota .btn:focus,.form-nota .btn:focus-visible{box-shadow:unset!important;outline:unset!important}.form-nota .result{display:flex;flex-direction:column;align-items:flex-start;gap:30px;height:100%;width:100%;border-radius:5px}.form-nota .result .result-header{width:100%;padding:20px;border-radius:5px}.form-nota .result .result-header,.form-nota .result .result-header *{color:#fff;font-weight:700;font-size:1rem}.form-nota .result .result-body{display:flex;width:100%;height:100%;flex-direction:column;gap:10px;border-radius:5px}.form-nota .result .result-bottom{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center}.form-nota .result .result-bottom a{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:5px;width:max-content;padding:15px 10px;background-color:transparent;transition:background-color .2s ease,color .2s ease}.form-nota .result .result-bottom a:hover{background-color:rgba(90,28,211,.1019607843);color:#5a1cd3}.form-nota .result .result-bottom a .ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple .6s linear;background-color:rgba(90,28,211,.3);pointer-events:none}@keyframes ripple{to{transform:scale(4);opacity:0}}.form-nota .success .result-header{background-color:rgba(21,186,0,.67)}.form-nota .failure .result-header{background-color:rgba(255,33,33,.65)}.footer{margin-top:0!important}