body {
    background-color: rgb(16, 0, 29);
    color: white;
    font-size: 50px;
    text-align: center;
}

.topButtons {
    font-size: 45px;
    font-weight: bold;
    color: chartreuse;
    background-color: rgb(130, 130, 130);
    border-color: chartreuse;
    border-width: 5px;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgb(16, 0, 29);
}

h1 {
    margin-top: 0;
    border-bottom: 4px solid chartreuse;
    width: fit-content;
    font-weight: bolder;
    margin-bottom: 30px;
}

h2{
    font-size: 23px;
    font-weight: 300;
    text-align: left;
    width: 1000px;
    position: relative;
    top: 0px;
    margin-left: 50px;
    line-height: 30px;
}

a{
    color:lightskyblue;
    text-decoration: underline;
}

.homeProjectsLinkP {
    margin: 0;
}

.projectDivs {
    color: white;
    text-align: left;
}

#personalDiv {
    display: block;
}

#professionalDiv {
    display: none;
}

#academicDiv {
    display: none;
}

#goLink {
    height: fit-content;
    text-decoration: none;
    color: aliceblue;
    display: block;
    position: relative;
    top: 0;
}

#goImg {
    width:200px;
    height: 200px;
    margin-bottom: 50px;
    border-radius: 5px;
    border: solid white 2px;
}

#goP {
    width: 300px;
    font-weight: bolder;
    color: lightskyblue;
    border: 2px solid lightskyblue;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 25px;
}

#go {
    width: 70%;
    height: auto;
    display: flex;
    justify-content: space-between;
}

#printerPPLink {
    height: fit-content;
    text-decoration: none;
    color: aliceblue;
}

#printerPPImg {
    width:200px;
    height: 200px;
    margin-bottom: 50px;
    border-radius: 5px;
    border: solid white 2px;
}

#printerPPP {
    width: 300px;
    font-weight: bolder;
    color: lightskyblue;
    border: 2px solid lightskyblue;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 25px;
}

#printerPP {
    width: 70%;
    height: auto;
    display: flex;
    justify-content: space-between;
}

#chunkSliceLink {
    height: fit-content;
    text-decoration: none;
    color: aliceblue;
}

#chunkSliceImg {
    width:200px;
    height: 200px;
    margin-bottom: 50px;
    border-radius: 5px;
    border: solid white 2px;
}

#chunkSliceP {
    width: 300px;
    font-weight: bolder;
    color: lightskyblue;
    border: 2px solid lightskyblue;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 25px;
}

#chunkSlice {
    width: 70%;
    height: auto;
    display: flex;
    justify-content: space-between;
}

#chessLink {
    height: fit-content;
    text-decoration: none;
    color: aliceblue;
}

#chessImg {
    width:300px;
    height: 300px;
    margin-bottom: 50px;
    border-radius: 5px;
    border: solid white 2px;
}

#chessP {
    width: 310px;
    font-weight: bolder;
    color: lightskyblue;
    border: 2px solid lightskyblue;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 25px;
}

#chess {
    width: 70%;
    height: auto;
    display: flex;
    justify-content: space-between;
}

#keyboardLink {
    height: fit-content;
    text-decoration: none;
    color: aliceblue;
}

#keyboardImg {
    width:300px;
    height: 300px;
    margin-bottom: 50px;
    border-radius: 5px;
    border: solid white 2px;
}

#keyboardGif {
    width: 300px;
    height: 300px;
    margin-bottom: 50px;
    position: relative;
    top: 88px;
    left: 50px;
    border-radius: 5px;
    border: solid white 2px;
}

#keyboardP {
    width: 310px;
    font-weight: bolder;
    color: lightskyblue;
    border: 2px solid lightskyblue;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 25px;
}

#keyboard {
    width: 70%;
    height: auto;
    display: flex;
    justify-content: space-between;
}

#pumpkinLink {
    height: fit-content;
    text-decoration: none;
    color: aliceblue;
}

#pumpkinImg {
    width:300px;
    height: 270px;
    margin-bottom: 50px;
    border-radius: 5px;
    border: solid white 2px;
}

#pumpkinP {
    width: 310px;
    font-weight: bolder;
    color: lightskyblue;
    border: 2px solid lightskyblue;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 25px;
}

#pumpkin {
    width: 70%;
    height: auto;
    display: flex;
    justify-content: space-between;
}

#flagLink {
    height: fit-content;
    text-decoration: none;
    color: aliceblue;
}

#flagImg {
    width:300px;
    height: 220px;
    margin-bottom: 50px;
    border-radius: 5px;
    border: solid white 2px;
}

#flag2Img {
    width:300px;
    height: 320px;
    margin-bottom: 50px;
    position: relative;
    top: 60px;
    margin-left: 50px;
    border-radius: 5px;
    border: solid white 2px;
}

#flagP {
    width: 320px;
    font-weight: bolder;
    color: lightskyblue;
    border: 2px solid lightskyblue;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 25px;
}

#flag {
    width: 70%;
    height: auto;
    display: flex;
    justify-content: space-between;
}

#wheelLink {
    height: fit-content;
    text-decoration: none;
    color: aliceblue;
}

#wheelImg {
    width: 200px;
    height: 300px;
    margin-bottom: 50px;
    border-radius: 5px;
    border: solid white 2px;
}

#wheelP {
    width: 250px;
    font-weight: bolder;
    color: white;
    border: 2px solid white;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 25px;
    height: fit-content;
}

#wheel {
    width: 70%;
    height: auto;
    display: flex;
    justify-content: space-between;
}

#stairsLink {
    height: fit-content;
    text-decoration: underline;
    color: skyblue;
}

#stairsImg {
    width: 200px;
    height: 300px;
    margin-bottom: 50px;
    border-radius: 5px;
    border: solid white 2px;
}

#stairsP {
    width: 250px;
    font-weight: bolder;
    color: white;
    border: 2px solid white;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 25px;
    height: fit-content;
}

#stairs {
    width: 70%;
    height: auto;
    display: flex;
    justify-content: space-between;
}

#patternImg {
    width: 440px;
    height: 360px;
    margin-bottom: 50px;
    border-radius: 5px;
    border: solid white 2px;
}

#magmaImg {
    width: 230px;
    height: 230px;
    margin-bottom: 50px;
}

#solidworksImg {
    width: 230px;
    height: 230px;
    margin-bottom: 50px;
}

#patternP {
    width: 350px;
    font-weight: bolder;
    color: white;
    border: 2px solid white;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 25px;
    height: fit-content;
}

#pattern {
    width: 90%;
    height: auto;
    display: flex;
    justify-content: space-between;
}

#rightImages {
    padding-left: 50px;
}

#excelP {
    width: 350px;
    font-weight: bolder;
    color: white;
    border: 2px solid white;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 25px;
    height: fit-content;
}

#excel {
    width: 66.5%;
    height: auto;
    display: flex;
    justify-content: space-between;
}

#excelImg {
    width: 230px;
    height: 230px;
    margin-bottom: 50px;
}

#vbaImg {
    width: 230px;
    height: 230px;
    margin-bottom: 50px;
}

#fdmP {
    width: 350px;
    font-weight: bolder;
    color: white;
    border: 2px solid white;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 25px;
    height: fit-content;
}

#fdm {
    width: 85%;
    height: auto;
    display: flex;
    justify-content: space-between;
}

#andersonImg {
    width: 330px;
    height: 270px;
    margin-bottom: 50px;
    margin-left: 25px;
    position: relative;
    top: 100px;
    border: 2px solid white;
    border-radius: 10px;
}

#printersImg {
    width: 300px;
    height: 300px;
    margin-bottom: 50px;
    border: 2px solid white;
    border-radius: 10px;
}

#sandP {
    width: 350px;
    font-weight: bolder;
    color: white;
    border: 2px solid white;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 25px;
    height: fit-content;
}

#sand {
    width: 65%;
    height: auto;
    display: flex;
    justify-content: space-between;
}

#binderJetImg {
    width: 700px;
    height: 170px;
    margin-bottom: 50px;
    border: 2px solid white;
    border-radius: 10px;
    margin-left: 25px;
}

#sandPrinterImg {
    width: 400px;
    height: 250px;
    margin-bottom: 50px;
    border: 2px solid white;
    border-radius: 10px;
}

#octoArmLink {
    height: fit-content;
    text-decoration: none;
    color: aliceblue;
    display: block;
    position: relative;
    top: 0;
}

#octoArmImg {
    width:200px;
    height: 200px;
    margin-bottom: 50px;
    border-radius: 5px;
    border: solid white 2px;
}

#octoArmP {
    width: 500px;
    font-weight: bolder;
    color: lightskyblue;
    border: 2px solid lightskyblue;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 25px;
}

#octoArm {
    width: 70%;
    height: auto;
    display: flex;
    justify-content: space-between;
}