body{
    background-color: rgb(70, 70, 70);
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin:0;
    margin-bottom: 20px;
    padding: 0;
}



.site{
    margin-left: 5%;
    margin-right: 5%;

    color:white;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 1rem;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.site h1{
    font-size: 1.875rem;
    font-weight: bold;
    padding:0;
    text-align: center;
    margin-top: 25px;
    margin-bottom:2px;
    
}

.site h3{
    font-size: 1.25rem;
    font-weight: bold;
    padding:0;
    text-align: left;
    
}

.site hr{
    width:300px;
}

.site a:link{
    color: rgb(255, 185, 40);
}

.site a:visited{
    color: rgb(220, 140, 40);
}

.site a:hover{
    color: rgb(220, 96, 30);
}

.writeup {
    display: flex;
    width:100%;
    height:auto;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap:30px;
    margin:20px 0px;
    flex-direction: column;

}

.writeup p{
    color:white;

}

.vertical{
    display: flex;
    flex-direction: column;
    align-items:stretch;
    justify-content: space-around;
    flex-wrap: wrap;
    width:300px;

}

img.self-pic{
    object-fit: contain;
    object-position: center;
    width:300px;

}

.classwork{
    display: flex;
    flex-flow: row-reverse;
    flex-wrap: wrap-reverse;
    justify-content: center;
    gap:30px;
    
    max-width: 700px;
}

.semester-block{
    display: flex;
    flex-direction: column;
    align-items: center;
    border-collapse: separate; 

    background-color: rgb(35,35,35);
    border-radius: 20px;
    width:300px;
}

.semester-block p{
    padding: 0;
    margin:10px;
}

.semester-block h2{
    text-decoration-line: underline;
    padding: 0;
    margin:10px;
}