body{
    background-image: linear-gradient(70deg,rgb(215, 242, 250), rgba(255, 255, 255, 0.3));
}

h1{
    color:rgb(119, 82, 179);
    padding: 25px 50px;
    font-size: 4vh;
}
#nav{
    display: flex;
    column-gap: 20px;
    top: 55px;
    right: 10%;
    position: relative;
    float: right;
}
#nav a{
    text-decoration: none;
}
#body{
    padding-left: 50px;
    padding-right: 50px;
    margin-left: 20px;
    margin-right: 20px;
    font-size: larger;
    /* height: 100%; */
    /* width: 100%; */
}
h2, h3{
    color:rgb(119, 82, 179);
}

#classes, #functions, #examples{
    background-color: rgba(199, 193, 193, 0.336);
    height: fit-content;
    padding-left: 30px;
    padding-right: 30px;

    padding-top: 2px;
    
}

#resizer, #popup{
    border-bottom: 1px solid;
    
    
}

.table{
    display: table;
}
.columnTitle{
    display: table-cell;
    padding: 10px;
    background-color: rgba(240, 255, 255, 0.151);
    
}
.heads{
    font-weight: bolder;
    font-size: large;
    color:rgb(119, 82, 179);

}
.subheads{
    font-weight: bold;
    font-size: large;
}
.content{
    /* display: table-row; */
    height: 100px;
    width: fit-content;
    /* padding-bottom: 2000px; */
}
.row{
    display: table-row;
    width: 20px;
}