body {
    /*background*/
    background-color: #f3efef;
    /*font*/
    font-family: 'Roboto', sans-serif;
    /*text shadow*/
    text-shadow: 1px 1px 0px #555050;
}

#titlebox {
    /*flexbox*/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /*background*/
    background-color: #fffefd;
    margin: 20px;
    width: 90%;
    padding: 20px;
    box-shadow: inset 2px 2px 1px #000000;
    border-radius: 10px;
}
#title {
    /*bold text */
    font-weight: bold;
    /*text shadow*/
    text-shadow: 2px 2px 1px #fffefe;
    /*cool font helvetica-ish*/
    font-family: 'Roboto', sans-serif;
    /*font size*/
    font-size: 20px;
    /*text underline*/
    /*space between letters*/
    letter-spacing: 2px;
}

#maincontent {
    /*flexbox*/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /*background*/
    background-color: #eec7b2;
    width: 50%;
    margin: 0 auto;
    padding: 10px;
    border-radius: 10px;
    overflow: hidden;
    padding: 20px;
}

#canvascontainer {
    /*background*/
    background-color: #c5c4c4;
    padding: 10px;
    border-radius: 10px;
    /*inset shadow*/
    

}

#canvas {
    /*background*/
    background-color: #cf8282;
    padding: 10px;
    /* shadow*/
    box-shadow:  4px 4px 1px #000000;
}

#aboutme {
    /*background*/
    background-color: #ffffff;
    padding: 10px;
    /*rounded*/
    width: 95%;
    border-radius: 10px;
    margin-top: 10px;
    /*shadow inset*/
}

.makered {
    /*make text red*/
    color: #ff0000;
}
.makeblue {
    /*make text blue*/
    color: #0000ff;
}
.makegreen {
    /*make text green*/
    color: #00ff00;
}
.makeyellow {
    /*make text yellow*/
    color: #ffff00;
}
.makeorange {
    /*make text orange*/
    color: #ff6600;
}
.makepurple {
    /*make text purple*/
    color: #6600ff;
}
.makewhite {
    /*make text white*/
    color: #ffffff;
}
.makeblack {
    /*make text black*/
    color: #000000;
}
.makesilver {
    /*make text silver*/
    color: #c0c0c0;
}
.makegold {
    /*make text gold*/
    color: #b89f16;
}

.spacedouttext {
    /*space out text*/
    letter-spacing: 5px;
}