.App{text-align:center;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}div.homeContainer{display:flex;justify-content:center;padding:250px 0;background-color:#1b1c1d}div.homeContainer h1{color:#fff;background-color:#1b1c1d;padding:20px;vertical-align:middle;font-family:Segoe UI;font-size:400%;font-weight:lighter}div.mainContainer{padding:5% 10% 10%;height:650px}.typewriteContainer{display:flex}.typewriter{display:inline-flex;overflow:hidden;border-right:.15em solid white;white-space:nowrap;margin:0 auto;animation:typing 2.5s steps(40,end),blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#fff}}@media only screen and (max-width:700px){html,body{overflow-x:hidden}div.mainContainer{height:100%}.typewriter{white-space:normal;animation:none;border-right:none}}ul.navBar{list-style:none;background-color:#1b1c1d;margin:0;padding:0;position:fixed;width:100%;z-index:1}ul.navBar li{display:inline-block;color:#fff;text-align:center;margin:0 10px;padding:16px 10px}ul.navBar li a{text-decoration:none;font-size:lighter;color:#fff;padding:7px 0;border-bottom-style:solid;border-bottom-width:2px;border-bottom-color:#1b1c1d}ul.navBar li a:hover{border-bottom-color:#fff;cursor:pointer}@media only screen and (max-width:700px){ul.navBar{position:absolute}ul.navBar li{display:inline-block}}.projectsRightContainer{display:block;width:69%;margin-left:30%;height:700px}.projectsRightContainer .backgroundProject{display:inline-block;height:100%;width:49%;opacity:.97}.projectsRightContainer .focusedProject{height:100;width:49%;float:left;border-left:1px solid;border-color:gray}.projectsRightContainer .focusedProject h2{font-size:200%;font-weight:lighter;color:#000;margin:5% 10%;text-align:left}.projectsRightContainer .focusedProject a{margin-left:10%;float:left;text-decoration:none}.projectsRightContainer .focusedProject a:link,.projectsRightContainer .focusedProject a:visited{color:#1e90ff}.projectsRightContainer .focusedProject p{margin:0 10%;color:#000;text-align:justify;font-weight:lighter}.projectsLeftContainer{display:block;float:left;width:24%;margin-left:1%}.projectsLeftContainer ul{width:100%;padding:0;margin:0;float:left;list-style-type:none}.projectsLeftContainer ul h2{text-align:left;font-size:200%;font-weight:lighter}.projectsLeftContainer ul p{text-align:left}.projectsLeftContainer ul hr{margin:0;width:20%;color:gray}.projectsLeftContainer ul li{margin:10px 0;padding:15px 0;text-align:left;transition:font-size .05s}.projectsLeftContainer ul li:hover{font-size:110%;cursor:pointer}.projectsLeftContainer ul li .triangleRight{margin:0 5%;display:inline-block;width:0;height:0;border-top:5px solid transparent;border-left:10px solid rgb(27,28,29);border-bottom:5px solid transparent;border-radius:4px}@media only screen and (max-width:1250px){.projectsRightContainer{display:inline-block;height:auto;width:65%;margin:0;padding:0}.projectsRightContainer .focusedProject{display:block;height:auto;width:auto;margin:0 0 10%;padding:0;border:none}.projectsRightContainer .backgroundProject{width:auto;height:100%}.projectsLeftContainer{display:block;height:auto;width:25%;margin:0;padding:0}}@media only screen and (max-width:700px){div.projectsRightContainer,div.projectsLeftContainer{width:auto}p.focusedDescription{margin:0%}}div.aboutLeftContainer{float:left;width:20%;height:100%;margin-left:4%}div.aboutLeftContainer ul{width:100%;padding:0;margin:0;float:left;list-style-type:none;color:#fff;background-color:#1b1c1d}div.aboutLeftContainer ul li{margin:5px;padding:15px 0 15px 15px;text-align:left}div.aboutRightContainer{width:63%;height:100%;margin-left:32%}div.aboutRightContainer h2{padding-top:15%;margin-left:3%;text-align:left;font-size:200%;font-weight:lighter}div.aboutRightContainer p{color:#000;text-align:left;font-weight:lighter}img{padding-top:30%;width:100%}@media only screen and (max-width:700px){div.aboutLeftContainer{height:auto;width:auto;margin:0 0 10%;padding:0}div.aboutRightContainer{height:auto;width:auto;margin:0;padding:0}}div.expContainer{float:left;width:32%;margin-left:1%}div.expContainer p{padding:3px 5px;margin:0;text-align:left}div.expContainer h2{margin:5% 0;padding-right:60%;font-size:200%;font-weight:lighter}div.expContainer ul.expUl{padding:0 3%;margin:0;list-style-type:none;border-left:1px solid;border-color:gray}div.expContainer ul.expUl li{margin:15px 0;padding:15px 0}div.expContainer ul.skillView{list-style:none;margin:0;padding:0;text-align:left}div.expContainer ul.skillView li{display:inline-block;margin:0 10px;border-bottom:solid 1px white}div.expContainer ul.skillView li:hover{cursor:pointer;border-bottom:solid 1px}div.expContainer ul.meter{padding:0;list-style-type:none}div.expContainer ul.meter li{height:8px;border:solid 1.2px;border-color:#323232;border-radius:12px;padding:10px;margin-bottom:5%}div.expContainer ul.meter li span{display:block;border-radius:12px;height:100%}@media only screen and (max-width:700px){div.expContainer{float:none;width:100%;margin:0 0 40px}}.contact h2{padding-top:5%;font-size:200%;font-weight:lighter}.contact h3{font-weight:lighter}.contact hr{width:20%}@media only screen and (max-width:700px){.contact{height:250px}.contact h2{display:flex;justify-content:center;width:100%}}body{margin:0;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}