.first-section header,.buttons-container a,.buttons-container{display:flex;align-items:center;justify-content:center}button,.buttons-container a{border:1px solid #262322;border-radius:3px;color:#262322;transition:ease-out .5s;transition-delay:.3s}button:active,.buttons-container a:active{background-color:#262322;color:#f2e5d7;border-color:#f2e5d7;transform:scale(0.9);transition:ease-out .5s}.buttons-container{justify-content:space-between;padding:0;margin:0}.buttons-container a{height:25px;width:65px;margin-right:10px;text-decoration:none}button{width:215px;padding:5px 10px;cursor:pointer;background-color:#f6f7f8;color:#262322;border:0;box-shadow:rgba(0,0,0,.4) 1.95px 1.95px 2.6px}@media only screen and (min-width: 768px){button{padding:10px 20px;margin:0;transition:ease-out .5s;transition-delay:.3s}button:link,button:visited{padding:10px 20px}button:hover{background-color:#262322;color:#f2e5d7;border-color:#f2e5d7;transition:ease-out .5s}.buttons-container{flex-direction:column}.buttons-container a{padding:10px 20px;margin:0;transition:ease-out .5s;transition-delay:.3s;width:100px}.buttons-container a:link,.buttons-container a:visited{padding:10px 20px}.buttons-container a:hover,.buttons-container a:visited:hover{background-color:#262322;color:#f2e5d7;border-color:#f2e5d7;width:130px;transition:ease-out .5s}button{width:461px;border:0}}@font-face{font-family:"Roboto";src:url(../font/Roboto-Light-webfont.woff) format(woff);font-weight:300}@font-face{font-family:"Roboto-Bold";src:url(../font/Roboto-Bold-webfont.woff) format(woff)}@font-face{font-family:"Roboto-Italic-Bold";src:url(../font/Roboto-Bold-Italic-webfont.woff) format(woff)}body{margin:0;padding:0;background-color:#f2e5d7;font-family:"Roboto",sans-serif;font-size:18px;color:#262322;width:100%;height:100%}strong{font-family:"Roboto-Bold",sans-serif;font-weight:700}.navbar{display:flex;justify-content:space-between;align-items:center;position:fixed;width:100%;height:15%;background-color:#f2e5d7;border-bottom:3px solid #262322;box-shadow:rgba(0,0,0,.4) 1.95px 1.95px 2.6px}.navbar h1{margin-left:15px;font-family:"Roboto",sans-serif;font-size:20px;font-weight:500}nav{margin-right:15px}.contact-link a{margin-right:0}.about-link,.skills-link,.contact-link{display:flex;align-items:center}.contact-link a{margin-right:0}.about-link,.skills-link,.contact-link{display:flex;align-items:center}.content{position:fixed;overflow:scroll;scroll-behavior:smooth;top:15%;height:85%}section{border-bottom:3px solid #262322;padding-left:30px}section :last-of-type{border-bottom:0}.first-section{padding-left:0}.first-section h1{padding:30px 20px;text-align:center;font-family:"Roboto",sans-serif;font-weight:550;font-size:40px}.profile-picture-section{margin:0;padding:0}.profile-picture-section img{display:block;width:100%}#About h1,#Skills h1,#Contact h1,#experience h1{padding-top:40px;margin:0;margin:0;font-size:30px;transition:.5s}#About p{margin:0;padding:20px;line-height:1.8em;font-weight:300}#Skills{border-bottom:0}#Skills a{font-family:"Roboto-Bold",sans-serif;font-weight:bold}#Skills a:visited,#Skills a:link:visited{color:#262322}#Skills ul{margin:0;padding:20px}#Skills li{padding-bottom:10px;margin:0;list-style-type:none;font-weight:300}#Skills li h2{margin:0;font-size:20px;font-weight:200}#Skills li h5{margin:0}#experience h1{padding-top:0}#experience h2{margin-left:20px}#experience ul{margin:0;padding:20px}#experience li{padding-bottom:10px;margin:0;list-style-type:none;font-weight:300}#experience h3{margin:0;font-size:20px;font-weight:200}#experience a{color:#262322}#experience a :visited,#experience a :link:visited{color:#262322}#Contact input[type=text],#Contact input[type=email],#Contact textarea{width:200px;border:1px solid #262322;border-radius:3px;padding:7px;font-size:14px;background-color:#f6f7f8;margin-bottom:10px}#Contact input[type=text]:invalid,#Contact input[type=email]:invalid{border:2px solid red;box-shadow:none}#Contact textarea{width:200px}#Contact a{padding-left:20px;margin-top:20px;font-weight:300}#Contact a:visited #Contact a:link:visited{color:#262322}#Contact ul{margin:0;padding:0}#Contact li{list-style-type:none;padding-bottom:10px}#Contact h1,#Contact h2{padding-bottom:20px}#Contact h2{margin:0;padding-top:20px}#Contact iframe{margin-left:20px;margin-top:20px;box-shadow:rgba(0,0,0,.4) 1.95px 1.95px 2.6px}#Contact a{color:#262322}#Contact a :visited,#Contact a :link:visited{color:#262322}form{margin-left:20px;padding-bottom:20px}.name-email-container{display:flex;flex-direction:column}.name-section,.email-section,.text-section{display:flex;flex-direction:column}.cv-content{margin:25px}.cv-content a{color:#262322;font-family:"Roboto-Italic-Bold",sans-serif;font-style:italic;font-weight:700}.cv-content a:visited .cv-content a:link:visited{color:#262322}.cv-content h1 a{font-style:normal}.cv-content p{line-height:1.8em}.cv-content h2{margin-top:40px}.cv-content li{margin-bottom:20px;line-height:1.8em}.cv-content section{border-bottom:0}#reference{margin-top:100px}@media only screen and (min-width: 768px){.navbar{flex-direction:column;height:100%;width:20%;border-bottom:0;border-right:3px solid #262322;justify-content:start}.navbar h1{font-size:25px;margin-top:40px;margin-left:0;margin-bottom:0}.navbar nav{margin-right:0}.content{height:100%;width:80%;left:20%;top:0}.first-section h1{font-size:90px;font-weight:550;padding:60px}#About,#Skills,#Contact,#experience{padding-bottom:40px;padding-right:40px}#About h1,#Skills h1,#Contact h1,#experience h1{font-size:40px;padding-left:40px;padding-top:40px;margin:0}#About p{padding-top:40px;padding-left:40px;margin:0}#Skills ul{padding-left:40px}#experience h1{padding-top:0}#experience h2{padding-left:20px}#experience ul{padding-left:40px}#Contact input[type=text]{margin-right:30px}#Contact textarea{width:445px}#Contact h2,#Contact a{margin:0;padding-left:40px}#Contact iframe{margin-left:40px}form{margin-left:40px}.name-email-container{flex-direction:row}.cv-content{margin:50px}}@media only screen and (min-width: 960px){.navbar h1{font-size:30px}}