.caacupe-one-regular {
  font-family: "Caacupe One", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 32px;
}


body{
    background-color: rgb(90, 154, 206);
    margin: auto;
    padding: auto;
}
#navigation{
    background-color: rgb(47, 111, 230);
    font-size: 32px;
    display:flex;
    flex-direction:column;
    text-align: left;
    align-self: left;
    position: sticky;
}
.white-text{
    color: white;
    -webkit-text-stroke: 1px black;
}
#navigation h1{
    display: flex;
    -webkit-text-stroke: 1px white;
    flex-direction: row;
    font-size: 96px;
    padding-left: 20px;
    margin: auto;
}
#nav-bar{
    margin: auto;
    font-size: 64px;
    padding-left:20px;
    padding-bottom: 10px;
}

#nav-bar a:hover{
    color: black;
    margin: auto;
}
#nav-bar a{
    color: white;
    background-color: blue;
    text-decoration: none;
    padding: 2px;
    border: 2px;
    border-style: solid;
    border-color: white;
    border-radius: 5px;
}

.box{
    color: white;
    background-color: blue;
    text-decoration: none;
    padding: 2px;
    border: 2px;
    border-style: solid;
    border-color: white;
    border-radius: 15px;
    margin: auto;
    height: fit-content;
    max-width: 600px;
    min-width: 400px;
}
.box p{
    margin: auto;
    padding-left: 20px;
}
.box h1{
    margin: auto;
    padding: 20px;
}

#about-section{
    display: flex;
    flex-direction: row;

}