#nav2{
    background-color: #6E6E6E;
    font-size: 2.2vw;
    color: black;
    border: 2px solid black;
    text-decoration: none;
    padding-bottom: 4;
    padding-bottom: 4;
    padding-top: 1;
    padding-left: 5;
    padding-right: 5;
    font-family: Yu Gothic UI Light;
    border-radius: 10px;
    margin: 1%;
}
#nav1{
    background-color: white;
    font-size: 2.2vw;
    color: black;
    border: 2px solid black;
    text-decoration: none;
    padding-bottom: 4;
    padding-bottom: 4;
    padding-top: 1;
    padding-left: 5;
    padding-right: 5;
    font-family: Yu Gothic UI Light;
    border-radius: 10px;
    margin: 1%;
    transition: background-color 270ms;
}
#nav1:hover{
    background-color: #6E6E6E;
    font-size: 2.2vw;
    color: black;
    border: 2px solid black;
    text-decoration: none;
    padding-bottom: 4;
    padding-bottom: 4;
    padding-top: 1;
    padding-left: 5;
    padding-right: 5;
    font-family: Yu Gothic UI Light;
    border-radius: 10px;
    margin: 1%;
}
#nav3{
    background-color: white;
    font-size: 2.2vw;
    color: black;
    border: 2px solid black;
    text-decoration: none;
    padding-bottom: 4;
    padding-bottom: 4;
    padding-top: 1;
    padding-left: 5;
    padding-right: 5;
    font-family: Yu Gothic UI Light;
    border-radius: 10px;
    margin: 1%;
    transition: background-color 270ms;
}
#nav3:hover{
    background-color: #6E6E6E;
    font-size: 2.2vw;
    color: black;
    border: 2px solid black;
    text-decoration: none;
    padding-bottom: 4;
    padding-bottom: 4;
    padding-top: 1;
    padding-left: 5;
    padding-right: 5;
    font-family: Yu Gothic UI Light;
    border-radius: 10px;
    margin: 1%;
}
#nav4{
    background-color: white;
    font-size: 2.2vw;
    color: black;
    border: 2px solid black;
    text-decoration: none;
    padding-bottom: 4;
    padding-bottom: 4;
    padding-top: 1;
    padding-left: 5;
    padding-right: 5;
    font-family: Yu Gothic UI Light;
    border-radius: 10px;
    margin: 1%;
    transition: background-color 270ms;
}
#nav4:hover{
    background-color: #6E6E6E;
    font-size: 2.2vw;
    color: black;
    border: 2px solid black;
    text-decoration: none;
    padding-bottom: 4;
    padding-bottom: 4;
    padding-top: 1;
    padding-left: 5;
    padding-right: 5;
    font-family: Yu Gothic UI Light;
    border-radius: 10px;
    margin: 1%;
}
#nav5{
    background-color: white;
    font-size: 2.2vw;
    color: black;
    border: 2px solid black;
    text-decoration: none;
    padding-bottom: 4;
    padding-bottom: 4;
    padding-top: 1;
    padding-left: 5;
    padding-right: 5;
    font-family: Yu Gothic UI Light;
    border-radius: 10px;
    margin: 1%;
    transition: background-color 270ms;
}
#nav5:hover{
    background-color: #6E6E6E;
    font-size: 2.2vw;
    color: black;
    border: 2px solid black;
    text-decoration: none;
    padding-bottom: 4;
    padding-bottom: 4;
    padding-top: 1;
    padding-left: 5;
    padding-right: 5;
    font-family: Yu Gothic UI Light;
    border-radius: 10px;
    margin: 1%;
}
#nav6{
    background-color: white;
    font-size: 2.2vw;
    color: black;
    border: 2px solid black;
    text-decoration: none;
    padding-bottom: 4;
    padding-bottom: 4;
    padding-top: 1;
    padding-left: 5;
    padding-right: 5;
    font-family: Yu Gothic UI Light;
    border-radius: 10px;
    margin: 1%;
    transition: background-color 270ms;
}
#nav6:hover{
    background-color: #6E6E6E;
    font-size: 2.2vw;
    color: black;
    border: 2px solid black;
    text-decoration: none;
    padding-bottom: 4;
    padding-bottom: 4;
    padding-top: 1;
    padding-left: 5;
    padding-right: 5;
    font-family: Yu Gothic UI Light;
    border-radius: 10px;
    margin: 1%;
}
#nav7{
    background-color: white;
    font-size: 2.2vw;
    color: black;
    border: 2px solid black;
    text-decoration: none;
    padding-bottom: 4;
    padding-bottom: 4;
    padding-top: 1;
    padding-left: 5;
    padding-right: 5;
    font-family: Yu Gothic UI Light;
    border-radius: 10px;
    margin: 1%;
    transition: background-color 270ms;
}
#nav7:hover{
    background-color: #6E6E6E;
    font-size: 2.2vw;
    color: black;
    border: 2px solid black;
    text-decoration: none;
    padding-bottom: 4;
    padding-bottom: 4;
    padding-top: 1;
    padding-left: 5;
    padding-right: 5;
    font-family: Yu Gothic UI Light;
    border-radius: 10px;
    margin: 1%;
}
#nav8{
    background-color: white;
    font-size: 2.2vw;
    color: black;
    border: 2px solid black;
    text-decoration: none;
    padding-bottom: 4;
    padding-bottom: 4;
    padding-top: 1;
    padding-left: 5;
    padding-right: 5;
    font-family: Yu Gothic UI Light;
    border-radius: 10px;
    margin: 1%;
    transition: background-color 270ms;
}
#nav8:hover{
    background-color: #6E6E6E;
    font-size: 2.2vw;
    color: black;
    border: 2px solid black;
    text-decoration: none;
    padding-bottom: 4;
    padding-bottom: 4;
    padding-top: 1;
    padding-left: 5;
    padding-right: 5;
    font-family: Yu Gothic UI Light;
    border-radius: 10px;
    margin: 1%;
}
#nav9{
    background-color: white;
    font-size: 2.2vw;
    color: black;
    border: 2px solid black;
    text-decoration: none;
    padding-bottom: 4;
    padding-bottom: 4;
    padding-top: 1;
    padding-left: 5;
    padding-right: 5;
    font-family: Yu Gothic UI Light;
    border-radius: 10px;
    margin: 1%;
    transition: background-color 270ms;
}
#nav9:hover{
    background-color: #6E6E6E;
    font-size: 2.2vw;
    color: black;
    border: 2px solid black;
    text-decoration: none;
    padding-bottom: 4;
    padding-bottom: 4;
    padding-top: 1;
    padding-left: 5;
    padding-right: 5;
    font-family: Yu Gothic UI Light;
    border-radius: 10px;
    margin: 1%;
}