body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.Header{background:#000;color:#fff;font-family:Open Sans;justify-content:flex-start;position:fixed;top:0;width:100vw;z-index:5}#title-box,.Header{align-items:center;display:flex;height:9vh}#title-box{-webkit-animation-delay:.05s;animation-delay:.05s;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:come-in;animation-name:come-in;background:#fff;justify-content:center;margin:0;opacity:0;position:relative;width:320px}#title{color:#000;position:relative}.link-buttons{height:100%}.link-button{background:none;border:none;color:#fff;display:inline-block;font-family:Open Sans;font-size:115%;font-weight:600;height:100%;margin-left:35px;text-decoration:none;vertical-align:middle}.link-button:hover>.link{color:#347b91}.link{text-decoration:none}.link,.link:visited{color:#fff}.link-button>span>a:active,.link-button>span>a:link,.link-button>span>a:visited{color:#fff;text-decoration:none}.link-button:hover{border-bottom:solid #fff;color:#347b91}.link-button:hover>span>a:active,.link-button:hover>span>a:link,.link-button:hover>span>a:visited{color:#347b91}#work-btn{-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#about-btn,#work-btn{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:come-in;animation-name:come-in;opacity:0}#about-btn{-webkit-animation-delay:.15s;animation-delay:.15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#github-btn{-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#github-btn,#linkedin-btn{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:come-in;animation-name:come-in;opacity:0}#linkedin-btn{-webkit-animation-delay:.25s;animation-delay:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#email-btn{-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:come-in;animation-name:come-in;opacity:0}.Work{background:#000;height:91vh;justify-content:space-evenly;position:relative;top:9vh;width:100vw}#card-holder,.Work{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap}#card-holder{justify-content:space-between;width:760px}.big-card{opacity:0;position:relative}.big-card,.card{height:492.5px;width:360px}.card{background:#fff;border-radius:20px;display:inline-block}.card-buttons{bottom:0;height:60px;left:0;position:absolute;text-align:right;width:25vw}.card-button{background:none;border:none;color:#000;font-size:200%;margin-right:16px}#big-card-northlake-timecards{-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:come-in;animation-name:come-in}#card-northlake-timecards{background-color:#e3e0d9;color:#000;position:relative;text-align:center}#card-northlake-timecards>h2{font-family:Montserrat,sans-serif;font-size:300%;font-weight:250;margin:0}#card-northlake-timecards>h1:first-child{margin-top:23%}#card-northlake-timecards>img{height:48.8px;margin:27% 1.5px 18%;width:285.6px}#big-card-northlake-timecards:hover>.card{box-shadow:0 0 20px 10px #ccb981}#card-button-github-northlake-timecard:hover>svg{color:#ccb981}#big-card-uw-bootcamp-projects{-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:come-in;animation-name:come-in}#card-uw-bootcamp-projects{background:repeating-linear-gradient(90deg,#33006f,#33006f 120px,#917b4c 0,#917b4c 240px);color:#ebdea8;position:relative;text-align:center}#card-uw-bootcamp-projects>img{height:130px;margin:15% 0 5%;width:160px}#card-uw-bootcamp-projects>h1{font-family:Encode Sans,sans-serif}#big-card-uw-bootcamp-projects:hover>.card{box-shadow:0 0 20px 10px #56416e}@-webkit-keyframes come-in{0%{opacity:0;right:15px}to{opacity:1;right:0}}@keyframes come-in{0%{opacity:0;right:15px}to{opacity:1;right:0}}#portfolio-github{-webkit-animation-delay:.35s;animation-delay:.35s;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:come-in;animation-name:come-in;background:none;border:none;bottom:3vh;color:#fff;font-size:100%;font-weight:bolder;opacity:0;position:absolute;right:3vh}#portfolio-github:hover{color:#347b91}.About{background:#000;color:#fff;display:flex;flex-wrap:wrap;min-height:91vh;position:relative;top:9vh;width:100vw}#mepic{height:35vw;margin:auto 7vw;width:35vw}#personal{flex-basis:50%;min-height:25vw}#about-me-title{color:#fff;font-size:225%;margin:7vw 7vw 2vw}#about-me-content{color:#fff;margin-left:7vw}#technical{display:flex;flex-wrap:wrap;margin-left:7vw;width:86vw}#technical-title{color:#fff;font-size:225%;width:100%}.skill{width:42vw}.p-title{color:#347b91;margin-top:50px}#secret-btn{visibility:hidden}#secret-div:hover>#secret-btn{visibility:visible}.Intro{-webkit-animation-delay:2.6s;animation-delay:2.6s;-webkit-animation-duration:.01s;animation-duration:.01s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:fadeout;animation-name:fadeout;background:#000;color:#fff;font-family:Open Sans;height:100vh;position:fixed;width:100vw;z-index:1}.span{font-size:54px;position:absolute}#one{-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:one;animation-name:one;background:#000;bottom:50%;padding-left:150px;right:calc(50vw + 12px);z-index:4}#two{-webkit-animation-delay:2.1s;animation-delay:2.1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:two;animation-name:two;right:calc(50vw + 12px);z-index:3}#three,#two{-webkit-animation-duration:.4s;animation-duration:.4s;bottom:50%}#three{-webkit-animation-delay:2.2s;animation-delay:2.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:three;animation-name:three;background:#000;padding-left:200px;right:calc(50vw - 35px);z-index:2}#four{-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-duration:2.1s;animation-duration:2.1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:four;animation-name:four;bottom:50%;right:calc(50vw - 33px);z-index:1}@-webkit-keyframes one{0%{right:calc(50vw + 12px)}40%{right:calc(50vw + 182px)}80%{opacity:1;right:calc(50vw + 182px)}to{opacity:0;right:calc(50vw + 197px)}}@keyframes one{0%{right:calc(50vw + 12px)}40%{right:calc(50vw + 182px)}80%{opacity:1;right:calc(50vw + 182px)}to{opacity:0;right:calc(50vw + 197px)}}@-webkit-keyframes two{0%{right:calc(50vw + 12px)}to{opacity:0;right:calc(50vw + 27px)}}@keyframes two{0%{right:calc(50vw + 12px)}to{opacity:0;right:calc(50vw + 27px)}}@-webkit-keyframes three{0%{right:calc(50vw - 35px)}to{opacity:0;right:calc(50vw - 19px)}}@keyframes three{0%{right:calc(50vw - 35px)}to{opacity:0;right:calc(50vw - 19px)}}@-webkit-keyframes four{0%{right:calc(50vw - 34px)}38.0952380952%{right:calc(50vw - 255px)}80.9523809524%{opacity:1;right:calc(50vw - 255px)}to{opacity:0;right:calc(50vw - 240px)}}@keyframes four{0%{right:calc(50vw - 34px)}38.0952380952%{right:calc(50vw - 255px)}80.9523809524%{opacity:1;right:calc(50vw - 255px)}to{opacity:0;right:calc(50vw - 240px)}}@-webkit-keyframes fadeout{0%{opacity:1}99%{z-index:1}to{opacity:0;z-index:-1}}@keyframes fadeout{0%{opacity:1}99%{z-index:1}to{opacity:0;z-index:-1}}.development{padding-top:30vh;text-align:center}.work{background:#000;color:#fff;min-height:94vh;position:relative;top:6vh;width:100vw}.page-wrapper{margin:0 50px;text-align:center}.disclaimer{padding-top:25px}#disclaimer-bold{font-weight:700}.last{padding-bottom:50px}.to-github{background-color:#d3d3d3;border-radius:3.5px;color:#000;margin:0 10px;padding:10px 10px 10px 15px;text-decoration:none}.to-github:visited{color:#000}.to-github>svg{position:relative;right:8px;top:4px}.Heading{display:flex;height:140px;justify-content:center;width:100vw}.heading-content{align-items:center;display:flex;height:100%;justify-content:space-between;max-width:1500px;position:relative;width:100vw}.cd-logo{margin-left:40px;width:60px}.nav-btn{color:#000;font-size:120%;margin:15px;text-decoration:none}#nav-contact{border:1px solid #01a595;border-radius:28px;color:#01a595;margin-right:40px;padding:10px}.nav-btn:visited{color:#000}.Introduction{flex-wrap:wrap}.Introduction,.white-div{display:flex;justify-content:center;width:100vw}.intro-content{height:100%;max-width:1500px;position:relative;text-align:center;width:100vw}#title-position{font-size:290%;margin-bottom:10px;margin-top:85px}#sub-title{font-size:150%;margin-top:0}#panda-img{border-radius:50%;margin-bottom:65px;margin-top:65px;width:180px}.teal-div{background-color:#01a595;color:#fff;display:flex;justify-content:center;width:100vw}#about-me{font-size:130%;font-weight:600;margin:70px 40px}#about-me-title{font-size:140%;font-weight:700}.Skills{display:flex;flex-wrap:wrap;justify-content:center;position:relative;width:100vw}#teal-box{background-color:#01a595;height:50%;position:absolute;width:100vw;z-index:0}.skills-content{height:100%;max-width:1500px;position:relative;text-align:center;width:100vw}.skills-box{background-color:#fff;border:2px solid #01a595;border-radius:25px;display:flex;margin:0 40px;padding:20px}.skill{width:50%}.skill-title{margin-top:0}.skill-subtitle{color:#01a595}#languages{border-right:2px solid #aeaeae}#ul-tech>li{font-size:110%;margin:20px}ul{list-style:none;padding:0}.Working{display:flex;flex-wrap:wrap;justify-content:center;margin-top:100px;position:relative;width:100vw}#work-title{position:relative;width:100%}.work-content{flex-wrap:wrap;max-width:1500px;position:relative;text-align:center;width:100vw}.card-wrapper,.work-content{align-items:center;display:flex;justify-content:center}.card-wrapper{flex-direction:row;flex-wrap:nowrap;width:100%}.card-outline{height:150px;margin:0 30px;position:relative;width:360px}.normal-card{background:#fff;border-radius:20px;display:inline-block;height:150px;transition:all .2s ease-in-out;width:360px}#normal-card-northlake-timecards{background-color:#e3e0d9;color:#000;position:relative;text-align:center}#normal-card-northlake-timecards>h2{font-family:Montserrat,sans-serif;font-size:300%;font-weight:250;margin:0}#normal-card-northlake-timecards>h1:first-child{margin-top:23%}#normal-card-northlake-timecards>img{height:48.8px;margin-top:50px;width:285.6px}#card-outline-northlake-timecards:hover>.normal-card{box-shadow:0 0 20px 10px #ccb981}#normal-card-uw-bootcamp-projects{background:repeating-linear-gradient(90deg,#33006f,#33006f 120px,#917b4c 0,#917b4c 240px);color:#ebdea8;position:relative;text-align:center}#normal-card-uw-bootcamp-projects>img{height:110px;margin:20px;width:130px}#normal-card-uw-bootcamp-projects>h1{font-family:Encode Sans,sans-serif}#card-outline-uw-bootcamp-projects:hover>.normal-card{box-shadow:0 0 20px 10px #56416e}#work-about{width:80%}.NLCCTimecards{display:flex;flex-wrap:wrap;justify-content:center;margin-top:30px;width:100%;z-index:1}.qa{border-radius:20px;display:flex;margin-top:20px;padding:40px;width:1100px}.teal{background-color:#01a595}.white-text{color:#fff}.white{background-color:#fff;color:#01a595}.question{border-radius:40px;margin:auto 0;padding:15px;width:270px}.answer{background-color:#fff;border:2px solid #01a595;border-radius:10px;margin:20px 25px;padding:20px;width:700px}.Carousel{width:800px}.slider{display:flex;overflow-x:scroll;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.carousel-img{flex-shrink:0;margin:0 20px;scroll-snap-align:center;width:700px}.Footing{background-color:#01a595;height:300px;margin-top:40px;z-index:5}.Footing,.footing-content{display:flex;justify-content:center;width:100vw}.footing-content{align-items:center;height:100%;max-width:1500px;position:relative}.footing-content>svg{color:#fff;margin:0 80px}.footer-icon{transition:all .2s ease-in-out}.footer-icon:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.unanchor{margin:0 80px;padding:none;text-decoration:none}.unanchor,.unanchor:visited{color:#fff}
/*# sourceMappingURL=main.ca1ad6cc.css.map*/