body{
    background-color: rgb(247, 164, 76);
    color: rgb(10, 10, 22);
    overflow-x: hidden;
    width: 100%;
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
}
h1{
    text-align: center;
    clear: both;
}
p{
    text-align:center
}
header{
    max-height: 7vw;
}
.headerbox{
    max-width: 100%;
    height: 7vw;
    background-color: black;
    color: azure;
    display: flex;
    flex-direction: column;
    margin: 0px 0px 2vw;
    padding: 1vw;
}
.circle{
    margin: auto;
    padding: 1vw;
    width: 9vw;
    height: 9vw;
    background-color: rgb(247, 164, 76);
    border-radius: 100%;
    border: .5vw double rgb(146, 180, 228);
    justify-content: center;
    display: flex;
    a{
        margin: auto;
        font-size: larger;
        text-align: center;
    }
}
.button{
    border-radius: 5vw;
    font-size: 20pt;
    background-color: darkorange;
    padding: 2vw;
    max-height: 6vw;
    max-width: 10vw;
}
.body{
    padding: 1vw;
}

a{
    color: rgb(53, 80, 98);
    text-decoration:underline dashed;
}
a p{
    color: rgb(53, 80, 98);
    text-decoration:underline dashed;
}

a:hover{
    color: sienna;
}

p a{
    color: cornflowerblue;
}

.directory-box{
    border: .5vw double rgb(146, 180, 228);
    background-color: rgb(179, 195, 216);
}
.school-box{
    background-color: rgb(47, 61, 79);
    width: 40vw;
    padding: 2vw;
    margin: auto;
    color:rgb(178, 203, 226);
    h2{
        text-align: center;
    }
    h3{
        text-align: center;
    }
}