@charset "utf-8";
@import url("../webfonts/Lato_Regular/stylesheet.css");

#mainwrap {
    height: 100vh;
    width: 100wh;
    display: flex;
}

#mainwrap #sidebar {
    width: 11%;
    float: left;
    background-image: url(../img/at_website001012.gif);
    height: 100%;
}

#mainwrap #sidebar #homebutton{
    width: 76%;
    height: 5vh;
    margin-left: 3%;
    margin-top: 50%;
    background-image: url(../img/BlueButton.png);
    border: 7px ridge rgba(143,143,143,1.00);
    float: left;
    background-size: 100%;
   
}

#mainwrap #sidebar #homebutton #homebuttontext{
    text-align: center;
    font-size: 2vh;
    text-decoration: underline;
    color: rgba(0,0,0,1.00);
}


#mainwrap #sidebar #aboutmebutton{
    width: 76%;
    height: 5vh;
    margin-left: 3%;
    margin-top: 11%;
    background-image: url(../img/BlueButton.png);
    border: 7px ridge rgba(143,143,143,1.00);
    float: left;
    background-size: 100%;
    
   
}

#mainwrap #sidebar #aboutmebutton #aboutmebuttontext{
    text-align: center;
    font-size: 2vh;
    text-decoration: underline;
    color: rgba(0,0,0,1.00);
}

#mainwrap #sidebar #portfoliobutton{
    width: 76%;
    height: 5vh;
    margin-left: 3%;
    margin-top: 11%;
    background-image: url(../img/BlueButton.png);
    border: 7px ridge rgba(143,143,143,1.00);
    float: left;
    background-size: 100%;
    
   
}

#mainwrap #sidebar #portfoliobutton #porfoliobuttontext{
    text-align: center;
    font-size: 2vh;
    text-decoration: underline;
    color: rgba(0,0,0,1.00);
   
}







#mainwrap #sidedivider {
    width: 1%;
    float: left;
    height: 100%;
    background-color: #1B1B1B;
}


/* MAIN SECTION ---------- */


#mainwrap #Main {
    background-color: rgba(31,31,31,0.88);
    width: 88%;
    height: 100%;
    background-image: url(../img/test%20bg.gif);
    background-size: 100% 100%;
}

#mainwrap #Main #mainhead {
    width: 100%;
    padding-top: 1%;
    padding-bottom: 1%;
}

#mainwrap #Main #mainhead #title{
    width: 100%;
    text-align: center;
    color: rgba(255,255,255,1.00);
    font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
    font-size: 12vh;
}

#mainwrap #Main #mainaboutme{
    background-color: rgba(23,23,23,0.91);
    width: 96%;
    height: 50vh;
    margin-left: 2%;
}

#mainwrap #Main #mainaboutme #imgcontain{
    width: 40%;
    float: left;
    margin-left: 10%;
}

#mainwrap #Main #mainaboutme #imgcontain #myself{
    width: 60%;
    height: auto;
    margin-top: 5%;
    margin-bottom: 5%;
    margin-right: 5%;
    float: right;
}

#mainwrap #Main #mainaboutme #textcontain{
    width: 40%;
    float: left;
    margin-right: 10%;
}

#mainwrap #Main #mainaboutme #textcontain #Howdy{
    text-align: left;
    font-family: Lato-Regular;
    font-size: 7vh;
    color: rgba(255,255,255,1.00);
}

#mainwrap #Main #mainaboutme #textcontain #descript{
    text-align: left;
    color: rgba(255,255,255,1.00);
    font-family: Lato-Regular;
    font-size: 3vh;
    margin-top: -4vh;
}