resume.css

.container{
    display: grid;
    grid-template-areas:
            "header header";
    grid-template-columns: 1fr 1fr;
    border:1px solid darkred;
    /*background-color: black;*/
    /*color: white;*/
    margin-left: 15%;
    margin-right: 15%;
    margin-top: 2%;
}

body{
    /*background-color: black;*/

}

header{
    grid-area: header;
    /*border-bottom: 1px solid darkgreen;*/
    /*font-size: 50px;*/

    padding: 3%;
    /*color: white;*/
    /*padding-left: 20px;*/
    /*text-align: center;*/
    /*padding-bottom: 50px;*/
    /*color: red;*/
    /*background-color: gray;*/
    /*background:  url(https://media.giphy.com/media/Y0cKnGMCBTNTi/giphy.gif) no-repeat center center fixed;*/
    /*background-size: cover;*/

}

.name{
    font-size: 38px;
}

.resizeText1{
    font-size: 17px;
    padding-bottom: 2%;
}

.resizeText2{
    font-size: 25px;
}
.resizeText3{
    font-size:30px;
    padding-bottom: 2%;
}
.resizeText4{
    font-size:20px;
    text-align: center;
    /*padding-bottom: 2%;*/
}

.bulletContainer{
    display: grid;
    grid-template-areas:
            "column1 column2 column3";
    grid-template-columns: 1fr 1fr 1fr;
    margin-left: 10%;
}

aside{
    grid-area: aside;
    /*border:1px solid darkred;*/
    font-size: 20px;
    /*color: white;*/
    padding-left: 20px;
    padding-top: 20px;
    margin-left: 10%;

}

/*section{*/
/*    grid-area: skills;*/
/*    border:1px solid green;*/
/*    !*color: white;*!*/
/*    padding-left: 20px;*/
/*    padding-top: 20px;*/
/*    margin-left: 15%;*/

/*}*/

footer{
    grid-area: footer;
    /*color: white;*/
    font-size: 30px;
}
.offerObj{
    font-size: 20px;
    /*color: white;*/
}

/*strong{*/
/*    !*color: white;*!*/
/*    font-size: 40px;*/
/*}*/

/*li{*/
/*    font-size: 20px;*/
/*    padding-bottom: 15px;*/
/*}*/
/*p,strong{*/
/*    font-size: 30px;*/
/*}*/

/*dt{*/
/*    font-size: 25px;*/
/*}*/

/*dd{*/
/*    font-size: 20px;*/
/*}*/

/*.skill{*/
/*    font-size: 50px;*/
/*}*/

/*a:visited{*/
/*    color: darkred;*/
/*}*/

/*!*NAVIGATION MENU*!*/
/*!*#menuToggle*!*/
/*!*{*!*/
/*!*    display: block;*!*/
/*!*    position: relative;*!*/
/*!*    top: 20px;*!*/
/*!*    left: 20px;*!*/

/*!*    z-index: 1;*!*/

/*!*    -webkit-user-select: none;*!*/
/*!*    user-select: none;*!*/
/*!*}*!*/


/*!*#menuToggle input*!*/
/*!*{*!*/
/*!*    display: block;*!*/
/*!*    width: 40px;*!*/
/*!*    height: 32px;*!*/
/*!*    position: absolute;*!*/
/*!*    top: -7px;*!*/
/*!*    left: -5px;*!*/

/*!*    cursor: pointer;*!*/

/*!*    opacity: 0; !* hide this *!*!*/
/*!*    z-index: 2; !* and place it over the hamburger *!*!*/

/*!*    -webkit-touch-callout: none;*!*/
/*!*}*!*/

/*!*!**!*/
/*!* * Just a quick hamburger*!*/
/*!* *!*!*/
/*!*#menuToggle span*!*/
/*!*{*!*/
/*!*    display: block;*!*/
/*!*    width: 33px;*!*/
/*!*    height: 5px;*!*/
/*!*    margin-bottom: 7px;*!*/
/*!*    position: relative;*!*/

/*!*    background:red;*!*/
/*!*    border-radius: 3px;*!*/

/*!*    z-index: 1;*!*/

/*!*    transform-origin: 4px 0px;*!*/

/*!*    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),*!*/
/*!*    background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),*!*/
/*!*    opacity 0.55s ease;*!*/
/*!*}*!*/

/*!*#menuToggle span:first-child*!*/
/*!*{*!*/
/*!*    transform-origin: 0% 0%;*!*/
/*!*}*!*/

/*!*#menuToggle span:nth-last-child(2)*!*/
/*!*{*!*/
/*!*    transform-origin: 0% 100%;*!*/
/*!*}*!*/

/*!*!**!*/
/*!* * Transform all the slices of hamburger*!*/
/*!* * into a crossmark.*!*/
/*!* *!*!*/
/*!*#menuToggle input:checked ~ span*!*/
/*!*{*!*/
/*!*    opacity: 1;*!*/
/*!*    transform: rotate(45deg) translate(-2px, -1px);*!*/
/*!*    background: green;*!*/
/*!*}*!*/

/*!*!**!*/
/*!* * But let's hide the middle one.*!*/
/*!* *!*!*/
/*!*#menuToggle input:checked ~ span:nth-last-child(3)*!*/
/*!*{*!*/
/*!*    opacity: 0;*!*/
/*!*    transform: rotate(0deg) scale(0.2, 0.2);*!*/
/*!*}*!*/

/*!*!**!*/
/*!* * Ohyeah and the last one should go the other direction*!*/
/*!* *!*!*/
/*!*#menuToggle input:checked ~ span:nth-last-child(2)*!*/
/*!*{*!*/
/*!*    transform: rotate(-45deg) translate(0, -1px);*!*/
/*!*}*!*/

/*!*!**!*/
/*!* * Make this absolute positioned*!*/
/*!* * at the top left of the screen*!*/
/*!* *!*!*/
/*!*#menu*!*/
/*!*{*!*/
/*!*    position: absolute;*!*/
/*!*    width: 200px;*!*/
/*!*    height: 300px;*!*/
/*!*    margin: -100px 0 0 -50px;*!*/
/*!*    padding: 50px;*!*/
/*!*    padding-top: 90px;*!*/

/*!*    background: darkred;*!*/
/*!*    list-style-type: none;*!*/
/*!*    -webkit-font-smoothing: antialiased;*!*/
/*!*    !* to stop flickering of text in safari *!*!*/

/*!*    transform-origin: 0% 0%;*!*/
/*!*    transform: translate(-100%, 0);*!*/

/*!*    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);*!*/
/*!*}*!*/

/*!*#menu li*!*/
/*!*{*!*/
/*!*    padding: 10px 0;*!*/
/*!*    font-size: 30px;*!*/
/*!*    text-align: center;*!*/
/*!*    padding-bottom: 30px;*!*/
/*!*    color: green;*!*/
/*!*}*!*/

/*!*!**!*/
/*!* * And let's slide it in from the left*!*/
/*!* *!*!*/
/*!*#menuToggle input:checked ~ ul*!*/
/*!*{*!*/
/*!*    transform: none;*!*/
/*!*}*!*/

/*!*#myBtn {*!*/
/*!*    !*display: none; !* Hidden by default *!*!*!*/
/*!*    position: fixed; !* Fixed/sticky position *!*!*/
/*!*    bottom: 20px; !* Place the button at the bottom of the page *!*!*/
/*!*    right: 30px; !* Place the button 30px from the right *!*!*/
/*!*    z-index: 99; !* Make sure it does not overlap *!*!*/
/*!*    border: 1px solid red; !* Remove borders *!*!*/
/*!*    !*outline: none; !* Remove outline *!*!*!*/
/*!*    background-image: url("https://i.imgur.com/uIdT3WK.png");*!*/
/*!*    color: white; !* Text color *!*!*/
/*!*    cursor: pointer; !* Add a mouse pointer on hover *!*!*/
/*!*    padding: 26px;*!*/
/*!*    padding-bottom: 25px;*!*/
/*!*    padding-right: 35px; !* Some padding *!*!*/
/*!*    border-radius: 10px; !* Rounded corners *!*!*/
/*!*    opacity: 0.5;*!*/
/*!*}*!*/

#myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}

/*a:visited{*/
/*    color: darkred;*/
/*}*/


/*a:hover{*/
/*    color: green;*/
/*}*/

#download{
    font-size: 20px;
    color: darkred;
    margin-top: 2%;
}

#download:hover{
    color:white;
}

nav{
    background: darkblue;
    text-align: right;
}

a{
    font-size: 20px;
    color: white;
    /*background-color: darkgrey;*/
    display: inline-block;
    /*border-top: 1px solid darkred;*/
    /*padding-top: 1%;*/
    padding-left: 3%;
    padding-right: 3%;
    /*padding-bottom: 1%;*/
    /*text-align: center;*/

}

a:hover{
    background-color: darkred;
}

/*.right{*/
/*    text-align: right;*/
/*}*/

/*.left{*/
/*    text-align: left;*/
/*}*/
.center{
    text-align: center;
}