@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

body{
    background-color:rgb(36, 36, 36);
    color:white;
}

input{
    background-color:rgb(67, 67, 67);
    border:1px gray solid;
    border-radius:10px;
    font-size:20px;
    color:white;
    outline: none;
    padding:5px;
}

button{
    background-color:gray;
    color:white;
    border:none;
    border-radius:5px;
    padding: 5px;
    cursor:pointer;
    font-size:16px;
}

p, span, button, input{
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

.main-login-wrapper{
    display:flex;
    flex-flow:column;
    gap:10px;
    padding:20px;
}

.input-pair{
    display:flex;
    flex-flow:column;
}

.altoptions-login{
    display:flex;
    gap:20px;
    font-size:15px;
}

.altoptions-create{
    display:flex;
    gap:20px;
    font-size:15px;
}

.clickable:hover{
    cursor:pointer;
    text-decoration: underline;
}