@font-face {
    font-family: Pixel;
    src: url('../font/PixelifySans-VariableFont_wght.ttf') format('truetype');
}

input {
    position:relative;
    border-radius: 20px;
    width:100%;
    height: 40px;
    padding-left: 10px;
    border: inset 5px deepskyblue;
    font-family: Pixel;
    font-size: 20px;
}

button {
    margin: 2px;
    width: 340px;
    height: 75px;
}

#registrazione {
    width: 370px;
    height: fit-content;
    margin: auto;
    border: outset 5px;
    border-color: deepskyblue;
    border-radius: 20px;
    padding: 30px;
    background-color: dodgerblue;
    font-size: 25px;
    font-family: Pixel;
    margin-top: 10px;
}

#registrazione div, #login div{
    display: grid;
    justify-items: center;
    margin-top: 5px;
}

#login{
    width: 370px;
    height: fit-content;
    margin: auto;
    border: outset 5px;
    border-color: deepskyblue;
    border-radius: 20px;
    padding: 30px;
    background-color: dodgerblue;
    font-size: 25px;
    font-family: Pixel;
    margin-top: 5%;
}