html {
    background-color: black;
    color: rgb(80, 102, 83);
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    transition: 1s;
}

html:hover {
    background-color: rgb(26, 12, 26);
}


label {
    transition: 1s;
}

label:hover {
    color: rgb(202, 255, 209);
}

#PickType {
    border-style: dashed;
    border-radius: 0%;
    margin-left: 40%;
    margin-right: 40%;
    transition: 500ms;
}

#PickType:hover {
    background-color: rgb(56, 47, 56);
    padding: 0.5%;
}


#out {
    margin-top: 2%;

    border-style: double;
    margin-left: 30%;
    margin-right: 30%;
    transition: 2s;
}

#out:hover {
    color: rgb(202, 255, 209);
    background-color: rgb(49, 11, 49);
    border-color: darkslategrey;
    padding-bottom: 1%;
    padding-top: 1%;
    margin-left: 25%;
    margin-right: 25%;
}

#in {
    margin-top: 2%;
    padding-bottom: 1%;
    margin-left: 30%;
    margin-right: 30%;
    transition: 1s;
}

#in:hover {
    color: rgb(202, 255, 209);
    border-color: darkslategrey;

}

#Num1 {
    color: rgb(39, 65, 66);
    border-color: black;
    border-style: dashed;
    border-radius: 10px;
    background-color: rgb(34, 1, 31);
    transition: 600ms;
}

#Num1:hover {
    color: rgb(95, 158, 160);
    border-radius: 2px;
}

#Num2 {
    color: rgb(39, 65, 66);
    border-color: black;
    border-style: dashed;
    border-radius: 10px;
    background-color: rgb(34, 1, 31);
    transition: 600ms;
}

#Num2:hover {
    color: rgb(95, 158, 160);
    border-radius: 2px;
}