body {
    font-family: "Raleway", sans-serif;
    background-color: rgb(224, 224, 224);
    color: rgb(0, 0, 0);
}

#header {
    overflow: auto;
}

#name {
    font-family: "Raleway", sans-serif;
    font-size: 60px;
}

#buttons, #about, #projects, #linkedin, #github, #resume, #name, #header {
    text-align: center;
    font-family: "Raleway", sans-serif;
    color: rgb(235, 235, 235);
    background-color: rgb(35, 35, 35);
    border-color: rgb(235, 235, 235);
}

#about-section {
    font-family: "Raleway", sans-serif;
    padding: 2%;
}

#projects-section {
    font-family: "Raleway", sans-serif;
    text-align: center;
}

#headshot {
    width: 30%;
    height: 30%;
    float: right;
    border: 5px solid rgb(35, 35, 35);
    margin-right: 5%;
}

#info {
    font-family: "Raleway", sans-serif;
    float: right;
    text-align: left;
    padding-left: 5%;
}

#driving {
    height: 25%;
    width: 25%;
    padding-top: 1%
}

#coin {
    height: 20%;
    width: 20%;
    padding-top: 1%
}

#linguistify {
    height: 20%;
    width: 20%;
    padding-top: 1%
}

#gan {
    height: 35%;
    width: 35%;
    padding-top: 1%
}

#imagerectification {
    height: 25%;
    width: 25%;
    padding-top: 1%
}

#dailydanny {
    height: 10%;
    width: 10%;
    padding-top: 1%;
}

#shufflebite {
    padding-top: 1%
}

#robot {
    height: 12%;
    width: 12%;
    padding-top: 1%;
}

#guess-game {
    padding-top: 1%;
}