* {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    background-color: rgb(69, 105, 73);

    color: blanchedalmond;

}

html {
    scroll-behavior: smooth;

}

#profilepicture {
    width: 50%;
    height: 50%;
    border-radius: 50%;


}

h1 {
    font-size: 3.5rem;
    margin-bottom: 0%;

}

h3 {
    background-color: rgb(49, 115, 73);
    font-size: 1.575rem;
}

h4 {
    color: burlywood;
    padding-bottom: 1%;
    border-bottom: .1rem grey solid;

}

h5,
.h5 {
    background-color: rgb(49, 115, 73);
    margin-bottom: 0%;
    font-size: 1.125rem;
}

h6 {
    background-color: rgb(49, 115, 73);
    margin-top: 0%;
    font-weight: norm;
}

#blurb {
    width: 77%;
}

div {

    background-color: rgb(49, 115, 73);

}

.resumeitems {
    background-color: rgb(73, 153, 103);
    list-style: disc;

}

header {
    width: 30%;
    float: left;
    margin-left: 10%;
    padding-top: 5%;
    position: -webkit-sticky;
    position: fixed;
    top: 0;




}

.socials {
    margin-top: 20%;

}

.socials ul li a {

    color: rgb(0, 161, 182);
    margin-right: 2%;

}

.socials ul li {
    display: inline;


}

.socials ul li img {

    width: 7%;
    height: 7%;
    background-color: rgb(69, 105, 73);

}


.content {

    margin-bottom: 10%;

    padding: 5%;
    padding-top: 1%;
    padding-bottom: 1%;
    border: .1rem grey solid;
    border-radius: 1rem;
    background-color: rgb(49, 115, 73);


}





a {
    text-decoration: none;
    color: burlywood;

}

a:hover {
    color: aliceblue;
}

ul {
    list-style: none;



}

li {
    padding-top: .5rem;
}



div ul li {
    background-color: rgb(73, 153, 103);

}



div .resumelist {
    border: .1rem grey solid;
    border-radius: 1rem;
    background-color: rgb(73, 153, 103);
    margin-bottom: 5%;

}

div .resumelist h5 a {
    background-color: rgb(73, 153, 103);
    ;
}

div .resumelist {
    background-color: rgb(73, 153, 103);
}

div .resumelist h5 {
    margin-left: 5%;
    background-color: rgb(73, 153, 103);

}

div .resumelist h6 {
    margin-left: 5%;
    background-color: rgb(73, 153, 103);
}

main {

    width: 50%;
    float: right;
    margin-right: 5%;
    padding-top: 5%;


}

p {
    background-color: rgb(49, 115, 73);
}

footer {
    margin: 5%;
    text-align: center;


}

footer p {
    border: .1rem grey solid;
    border-radius: 1rem;
    display: inline;
    background-color: rgb(49, 115, 73);
    padding: .5rem;

}

.resumebuttons li {
    display: inline;
    background-color: rgb(39, 152, 167);
    border: .1rem rgb(0, 0, 0) solid;
    border-radius: 1rem;
    padding: 1%;

}

.resumebuttons {
    background-color: rgb(73, 153, 103);
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.projectlist {
    background-color: rgb(49, 115, 73);
    padding: 1%;

}

.projectlist img {
    height: 5.75rem;
    width: 10rem;
    float: left;
    margin: 5%;
    margin-top: 0%;
    border-radius: .5rem;
    border: .1rem rgb(73, 153, 103) solid;
    padding-top: 0%;
}

.projectitems {
    margin-bottom: 5%;
    border: .1rem grey solid;
    border-radius: 1rem;
    min-height: 210px;
}

.projectdescription {
    background-color: rgb(73, 153, 103);
    margin: 5%;
    margin-top: 0%;



}

.projectheader {
    background-color: rgb(73, 153, 103);
    margin-left: 5%;
    margin-bottom: 2%;
    text-align: center;
}

.viewfull {
    color: blanchedalmond;
    background-color: rgb(49, 115, 73);
    border: .1rem rgb(196, 196, 196) solid;
    border-radius: 1rem;
    padding: .4rem;


}

.fullresume {
    margin-bottom: 1rem;

}



.projectclick:hover>*,
.projectclick:hover>*>* {
    background-color: rgb(0, 104, 117);
}

.projectitems p {
    margin-bottom: 0%;

}

.projectitems .resumebuttons {
    margin-top: 1.75rem;
}

.hijackitem {
    border: .1rem grey solid;
    border-radius: 2rem;
    background-color: rgb(73, 153, 103);
    padding-left: 2rem;
    margin-bottom: 1rem;
}

.hijackitem>* {
    background-color: rgb(73, 153, 103);

}


.hijack,
.hijack ul {
    background-color: rgb(49, 115, 73);

}

.hijacksearch {
    border: .1rem black solid;
    border-radius: 1rem;
    background-color: rgb(0, 104, 117);
    padding: .25rem;
    padding-left: .5rem;
    padding-right: .5rem;

}

.hijacksearch:hover {
    background-color: rgb(0, 161, 182);
    cursor: pointer;


}

.hijack a {
    background-color: rgb(73, 153, 103);

}

.hijack input {
    margin-left: 1rem;
    margin-bottom: 2rem;
    margin-right: 1rem;

    border: .1rem black solid;
    border-radius: .25rem;

    padding: .5rem;



}

.hijack input::placeholder {
    color: rgb(196, 196, 196);
    font-style: italic;
}

.hijack img {
    background-color: black;
    width: 3rem;
    height: 3rem;
    transform: translateY(1.35rem);

    border: .1rem black solid;
    border-radius: 50%;


}

.hijack form {
    width: 90%;

}

@media (max-width: 800px) {

    header {
        width: 100%;
        margin-left: 10%;
        padding-top: 5%;
        float: none;
        position: relative;
        margin: auto;



        top: 0;

    }

    main {

        width: 100%;
        float: none;
        margin-right: 5%;
        padding-top: 5%;
        margin-top: 15%;
    }


    footer p {
        border: .1rem grey solid;
        border-radius: 1rem;
        display: inline;
        background-color: rgb(49, 115, 73);
        padding: .5rem;
        font-size: small;

    }

    .projectlist img {
        height: 2.75rem;
        width: 5rem;
        float: left;
        margin: 5%;
        margin-top: 0%;
        border-radius: .5rem;
        border: .1rem rgb(73, 153, 103) solid;
        padding-top: 0%;
        margin-bottom: 50%;
    }

    .resumebuttons li {
        display: inline-block;
        background-color: rgb(39, 152, 167);
        border: .1rem rgb(0, 0, 0) solid;
        border-radius: 1rem;
        padding: 1%;
        margin-bottom: .5rem;



    }

    #profilepicture {
        width: 50%;
        height: 50%;
        border-radius: 50%;
        margin-left: 25%;
        margin-right: auto;
    }

    .socials {
        margin-top: 20%;
        padding-bottom: 200px;

    }

    .socials ul li img {

        width: 20%;
        height: 20%;
        background-color: rgb(69, 105, 73);


    }

}

@media only screen and (-webkit-min-device-pixel-ratio: 4) {
    header {
        width: 100%;
        margin-left: 10%;
        padding-top: 5%;
        float: none;
        position: relative;
        margin: auto;



        top: 0;

    }

    main {

        width: 100%;
        float: none;
        margin-right: 5%;
        padding-top: 5%;
        margin-top: 15%;
    }


    footer p {
        border: .1rem grey solid;
        border-radius: 1rem;
        display: inline;
        background-color: rgb(49, 115, 73);
        padding: .5rem;
        font-size: small;

    }

    .projectlist img {
        height: 2.75rem;
        width: 5rem;
        float: left;
        margin: 5%;
        margin-top: 0%;
        border-radius: .5rem;
        border: .1rem rgb(73, 153, 103) solid;
        padding-top: 0%;
        margin-bottom: 50%;
    }

    .resumebuttons li {
        display: inline-block;
        background-color: rgb(39, 152, 167);
        border: .1rem rgb(0, 0, 0) solid;
        border-radius: 1rem;
        padding: 1%;
        margin-bottom: .5rem;



    }

    #profilepicture {
        width: 50%;
        height: 50%;
        border-radius: 50%;
        margin-left: 25%;
        margin-right: auto;
    }

    .socials {
        margin-top: 10%;
        padding-bottom: 200px;


    }

    .socials ul li img {

        width: 20%;
        height: 20%;
        background-color: rgb(69, 105, 73);
    }


}