body{
    background-color: #7DA5FF;
    font-family: 'Times New Roman', Times, serif;
    padding:0;
    margin:0;

}

#loading{
    text-align: center;
    margin-top: 250px;
}

.main{
    background-color: #1b4fc7;
}

.navbar{
    /* border:2px solid black; */
    display: inline-block;
    position: absolute;
    right: 15%;
    top: 10px;
}

.navbar ul{
    overflow: auto;
}

.navbar ul li a{
    text-decoration: none;
    color: white;

}

.navbar ul li{
    display: inline-block;
    padding: 5px 15px;
    font-size: 20px;
}

.navbar ul li a:hover, .navbar ul li a .select {
    color:black;
}

.box{
    border: 2px solid black;
    width: 848px;
    height: 462px;

    margin: 0px 277px;
    margin-top:164px;
    background-color: white;

}

.profileInfo{
    position: relative;
    bottom:450px;
    left:500px;
}

#projects{
    /* border: 2px solid red; */
    display: inline-block;
    margin: 90px 450px;
    width: 500px;
    text-align: center;

}

#projects ul li{
    float: left;
    text-align: center;
    
}

#repo {
    margin-left: 150px;
    
}