@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap);:focus{outline:0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#373c52}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}h1{font-family:"Montserrat";font-weight:600}h2,h3{font-family:"Montserrat";font-weight:300}h3{font-size:calc(25px + .6vw);line-height:0}h4{font-family:"Montserrat";font-weight:500;font-size:17px;margin:auto;width:100%}a{color:#000;text-decoration:none;transition:all .2s ease-out;border-bottom:0;font-weight:600}a:hover{color:#ef8354;border-bottom:1px solid #ef8354;cursor:pointer}b{font-weight:300;text-align:center}b,p{font-family:"Montserrat"}p{font-weight:400}img{height:auto;border-radius:4px;transition:all .5s ease}img,input{margin:auto}li{font-family:"Montserrat";font-weight:300;font-size:18px;padding:0 1% 2%;list-style:circle}.App-header{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin)}.page{position:relative;width:100%;height:auto;padding-bottom:2%}#page-A{background:#eee;min-height:85vh}#page-B{background:#ddd;min-height:85vh}#page-C{background:#eee;min-height:85vh}#page-D{background:#ddd;min-height:85vh;display:grid}#contact{background:#25334b;box-shadow:0 4px #18263e;z-index:4;padding-bottom:4%}#splash{position:absolute;width:100%;height:100vh;object-fit:cover;z-index:1;transition:all 0s;-webkit-filter:brightness(60%) blur(2px);filter:brightness(60%) blur(2px)}#down-arrow{position:absolute;z-index:2;height:25px;width:30px;bottom:2vh;transition:-webkit-filter .1s;transition:filter .1s;transition:filter .1s,-webkit-filter .1s}#down-arrow:hover{-webkit-filter:brightness(25%) opacity(50%);filter:brightness(25%) opacity(50%)}.contactText{color:#fff;text-align:center;line-height:calc(20px + .5vw);font-size:calc(10px + .5vw);grid-template-columns:1fr 1fr;width:calc(300px + 15vw);margin:auto;padding:0 2% 2%}.contactButton{color:#fff;text-shadow:0 2px #2d3142;font-size:20px;background-color:rgba(0,0,0,.25);border:1px solid #fff;border-radius:2px;padding:5% 0;margin:5%;transition:all .25s ease-out;cursor:pointer}.contactButton:hover{background-color:rgba(0,0,0,.5);font-weight:500}.contactGrid{display:grid;margin:auto;width:30vw}#contact-1{grid-template-columns:1fr}#contact-2,.footer{grid-template-columns:1fr 1fr}.footer{display:grid;background:#ddd;position:relative;width:100%;height:5vh}.footerContent{font-size:12px;font-weight:400;transition:all .25s;margin:auto}.logo{height:40px;width:40px;display:block;border-radius:2px;z-index:11;color:#05021e;padding:10px;margin:auto;transition:all .2s}.logo:hover{-webkit-filter:brightness(25%) opacity(50%);filter:brightness(25%) opacity(50%);height:38px;width:38px}.mobileLogo{height:40px;width:40px;display:block;border-radius:2px;color:#05021e;padding:10px}.mobileLogo,.mTab{z-index:11;margin:auto}.mTab{font-family:"Montserrat";background:rgba(20,20,20,0);color:#fff;border:0 double #fff;float:left;font-size:calc(8px + 1vw);height:50px;padding-right:10%;text-align:right;width:90%;border-radius:2px;transition:font-weight .1s;cursor:pointer;text-shadow:0 2px #2d3142}.mTab:hover{font-weight:700}.tab{font-family:"Montserrat";font-weight:300;background-color:rgba(20,20,20,0);color:#fff;border:0 double #fff;float:left;font-size:calc(15px + .1vw);height:80px;text-align:center;width:auto;margin:auto;padding:0 25px;z-index:11;cursor:pointer;text-shadow:0 2px #2d3142;transition:all .25s ease-out}.tab:hover{font-weight:600}.rTab{font-family:"Montserrat";font-weight:300;background-color:rgba(22,26,43,.25);color:#fff;float:left;font-size:calc(15px + .1vw);height:40px;text-align:center;width:auto;margin:auto;padding:0 25px;z-index:11;cursor:pointer;text-shadow:0 2px #2d3142;transition:all .25s ease-out;border:1px solid #fff;border-radius:2px}.rTab:hover{font-weight:600;background-color:rgba(22,26,43,.5)}#about:hover,#edu:hover,#exp:hover,#port:hover{background:#ef8354;box-shadow:0 4px #a63a0b}.tabBar{justify-items:center;height:auto;width:100%;display:grid;grid-template-columns:.5fr .75fr .75fr 1fr 1fr 1fr 1fr .75fr;position:fixed;top:0;left:0;z-index:10}.menu{display:grid;grid-template-rows:60px 1fr 1fr 1fr 1fr 1fr 10fr;background:rgba(45,49,66,.75);position:absolute;width:25vw;height:100vh;z-index:9;transition:right .2s}#menu_selected{right:0}#menu_deselected{right:-30vw}#gap{grid-column-end:4}#gap,#gap-mobile{grid-column-start:2;width:1vw}#gap-mobile{grid-column-end:8}.infoBox{position:absolute;top:44px;width:100%;height:calc(100% - 44px);z-index:5;border-radius:10px}#title{font-size:auto;font-weight:300;font-size:calc(18px + .5vw);margin-top:30vh}#name,#title{color:#fff;width:100%;text-align:center;z-index:3;text-shadow:0 2px #2d3142}#name{position:relative;font-size:calc(35px + 1.2vw);line-height:3vh}#body{color:#fff;width:100%;text-align:center;font-size:calc(14px + .5vw);text-shadow:0 2px #2d3142}#body,#break{position:relative;z-index:3}#break{background-color:#4f5d75;width:25vw;left:37.5%;height:.4vh;box-shadow:0 2px #2d3142}.sectionHeader{padding:4%}#about-break{position:relative}#about-break,#education-break{background-color:#ef8354;z-index:3;width:10vw;margin:auto;height:2px;box-shadow:0 2px #a63a0b}#experience-break,#portfolio-break{background-color:#ef8354;box-shadow:0 2px #a63a0b}#contact-break,#experience-break,#portfolio-break{position:relative;z-index:3;width:10vw;margin:auto;height:2px}#contact-break{background-color:#eee;box-shadow:0 2px #adadad}.aboutMeGrid{display:grid;grid-template-columns:1fr 2fr .1fr;width:70vw;padding:0 0 7%;margin:auto}.aboutMeMobile{display:grid;grid-template-columns:1fr;padding:0 5% 2%}#drcall{width:calc(200px + 10vw);-webkit-filter:grayscale(75%);filter:grayscale(75%)}#drcall:hover{-webkit-filter:grayscale(0);filter:grayscale(0);width:calc(195px + 10vw)}#about-txt-section{padding:0 4%;margin:2%;height:auto}#media-grid{grid-template-rows:1fr 1fr 1fr;width:100%;height:60%;padding:0 5px}#media-grid,#media-mobile{display:grid;margin:auto;border:1px solid #25334b;border-radius:2px}#media-mobile{grid-template-columns:1fr 1fr 1fr;width:50%;padding:5px 0}.mediaLogo{width:28px;height:28px;margin:auto;transition:-webkit-filter .25s;transition:filter .25s;transition:filter .25s,-webkit-filter .25s}.mediaLogo:hover{-webkit-filter:brightness(25%) opacity(50%);filter:brightness(25%) opacity(50%);height:25px;width:25px}.skillsGrid{display:grid;width:80%;height:auto;margin:auto;vertical-align:middle}#skill-1{grid-template-columns:1fr 1fr 1fr}#skill-2{grid-template-columns:1fr 1fr}#skill{margin:10%;text-align:center;padding:5px 0;font-weight:500;font-size:calc(9px + .5vw);border:1px solid #25334b;border-radius:2px;transition:all .5s ease}#skill:hover{background:rgba(22,26,43,.25)}.classBox{display:grid;width:60vw;height:auto;padding:0 2% 0 0;margin:auto}#class-reg{grid-template-rows:.5fr .5fr;grid-template-columns:.4fr 1fr 1fr}#class-mobile{grid-template-columns:1fr}#school-logo{width:calc(60px + 1vw);grid-row:1/3;padding:5%;-webkit-filter:brightness(50%) grayscale(80%);filter:brightness(50%) grayscale(80%)}#school-logo:hover{width:calc(55px + 1vw);-webkit-filter:brightness(90%) grayscale(0);filter:brightness(90%) grayscale(0)}#courses{grid-column:2/4;-webkit-columns:2;column-count:2}#courses-mobile{grid-column:1;-webkit-columns:1;column-count:1}.expComponent{width:70vw;height:auto;margin:auto}.expText{text-align:center}.expList{display:grid;width:65vw;margin:auto;padding:0 0 5%}#exp-1{grid-template-columns:1fr}#exp-3{grid-template-columns:1fr 1fr 1fr;width:40vw}#exp-photo{width:120px;-webkit-filter:brightness(75%) grayscale(80%);filter:brightness(75%) grayscale(80%);padding:0 2% 2%}#exp-photo:hover{width:115px;-webkit-filter:brightness(90%) grayscale(0);filter:brightness(90%) grayscale(0)}.projectComponentleft{display:grid;grid-template-columns:1.5fr .5fr 2fr;width:70vw;height:auto;margin:auto auto 10%}.projImg{width:100%;-webkit-filter:brightness(70%) grayscale(80%);filter:brightness(70%) grayscale(80%);transition:all .5s ease}.projImg:hover{-webkit-filter:brightness(90%) grayscale(25%);filter:brightness(90%) grayscale(25%);width:98%}.projTitle{font-size:calc(15px + .5vw);padding:4%;width:95%;font-weight:400}.projDesc{color:#ddd;text-shadow:0 1px #2d3142;line-height:calc(15px + .4vw);font-size:calc(8px + .5vw);z-index:5;padding:5%;margin-left:3%}.projSkills{display:grid;grid-template-columns:1fr 1fr 1fr}.projLinks{display:grid;padding-top:4%;width:10%}#proj-skill{padding:5px;font-size:10px;font-weight:500;margin:2% 10%;border:1px solid #25334b;border-radius:2px;transition:all .5s ease}#proj-skill:hover{background:rgba(22,26,43,.25)}#has-git{grid-template-rows:.1fr .05fr auto .2fr .15fr}#no-git{grid-template-rows:.1fr .05fr auto .2fr}#proj-img-left{grid-area:1/2/6/4}#title-left{grid-area:2/1/3/2;text-align:left}#desc-left{grid-area:3/1/4/3;background-color:#b84c1d;box-shadow:-2px 4px #8d2100}#proj-skills-left{grid-area:4/1/5/2}#proj-links-left{grid-area:5/1/6/2;margin-left:5%}.projectComponentright{display:grid;grid-template-columns:2fr .5fr 1.5fr;width:70vw;height:auto;margin:auto auto 10%}#proj-img-right{grid-area:1/1/6/3}#title-right{grid-area:2/3/3/4;text-align:right}#desc-right{grid-area:3/2/4/4;background-color:#4f5d75;box-shadow:2px 4px #25334b}#proj-skills-right{grid-area:4/3/5/4}#proj-links-right{grid-area:5/3/6/4;margin-left:90%}.projectComponentMobile{display:grid;margin:auto;height:auto;width:80vw;padding-bottom:10%}#proj-img-mobile{width:80vw;height:80vw;object-fit:cover;margin:auto;border-radius:4px}#proj-title-mobile{color:#000;font-size:calc(15px + .5vw);font-weight:600;z-index:5;text-align:center;padding-bottom:2%}#proj-desc-mobile{color:#000;font-size:calc(10px + .5vw);line-height:20px;z-index:5;padding:0 10%}
/*# sourceMappingURL=main.e783aa56.chunk.css.map */