body {
    margin:0;
}

.container {
    width:100%;
    height:150vh;
    background-color:rgba(8, 233, 19, 0.867);
}

.heading {
    width: 98%;
    height: 125px;
    float: left;
    margin: 0 0 0 1%;
}

.logomark {
    width: 145px;
    height: 125px;
    float:left;
    margin:5px 0 0 5px;
}

.warning {
    width: 100px;
    height: 100px;
    margin: 100px 0 0 100px ;
    float: left;
    background-color: rgb(255, 0, 191);
}

.title {
    font-family:'Courier New', Courier, monospace;
}

.left-padding {
    height:200vh;
    width:10%;
    margin: 5px 0 0 1%;
    float: left;
}

.warning{
    font-family:Arial, Helvetica, sans-serif;
}

.options {
    height: 200px;
    width: 90%;
    float: left;
    margin: 10px 0 0 3%;
    list-style: none;
}

.options .ul .li {
    list-style: none;
}

.title {
    height: 35px;
    width: 700px;
    float: left;
    margin: 0px 0 0 10px;
}

.title .h1 {

}

.aboutme {
    height: 30px;
    width: 600px;
    float: left;
    margin: 15px 0 0 10px;
}

.recent-projects {
    width: 88%;
    height:112vh;
    float: left;
    margin: 5px 0 0 5px;
    background-color: rgba(220, 218, 220, 0.867);
}

.one {
    width: 350px;
    height: 395px;
    float: left;
    margin: 30px 0 0 2%;
    background-color: rgba(255, 255, 255, 0.867);
}

.textspacer{
    width:350px;
    height:40px;
    margin: 0 0 0 10px;
}



.inner-box1 {
    width: 330px;
    height: 330px;
    float:left;
    margin: 0px 0 0 10px;
    background-image:url("../images/diva.jpg");
    background-size: contain;
}

.two {
    width: 350px;
    height: 395px;
    float: left;
    margin: 30px 0 0 2%;
    background-color: rgba(255, 255, 255, 0.867);
}

.inner-box2 {
    width: 330px;
    height: 330px;
    float:left;
    margin: 0px 0 0 10px;
    background-image:url("../images/done.jpg");
    background-size: contain;
}


.three {
    width: 350px;
    height: 395px;
    float: left;
    margin: 30px 0 0 2%;
    background-color: rgba(255, 255, 255, 0.867);
}

.inner-box3 {
    width: 330px;
    height: 330px;
    float:left;
    margin: 0px 0 0 10px;
    background-image:url("../images/spare.jpg");
    background-size: contain;
}

.four {
    width: 350px;
    height: 395px;
    float: left;
    margin: 30px 0 0 2%;
    background-color: rgba(255, 255, 255, 0.867);
}

.inner-box4 {
    width: 330px;
    height: 330px;
    float:left;
    margin: 0px 0 0 10px;
    background-image:url("../images/rina.jpg");
    background-size: contain;
}

.five {
    width: 350px;
    height: 395px;
    float: left;
    margin: 30px 0 0 2%;
    background-color: rgba(255, 255, 255, 0.867);
}

.inner-box5 {
    width: 330px;
    height: 330px;
    float:left;
    margin: 0px 0 0 10px;
    background-image:url("../images/warhol.png");
    background-size: contain;
}

.six {
    width: 350px;
    height: 395px;
    float: left;
    margin: 30px 0 0 2%;
    background-color: rgba(255, 255, 255, 0.867);
}

.inner-box6 {
    width: 330px;
    height: 330px;
    float:left;
    margin: 0px 0 0 10px;
    background-image:url("../images/record.png");
    background-size: contain;
}