@import url(https://fonts.googleapis.com/css2?family=Inter&family=Sen&display=swap);.navbar-container{align-items:center;display:flex;justify-content:space-between;width:100%}.navbar{font-size:1rem}nav.navbar ul li a{position:relative}nav.navbar ul li a:after{background:#aaa;bottom:0;color:transparent;content:".";height:1px;left:0;margin:auto;position:absolute;right:0;width:0}nav.navbar ul li a:hover:after{width:100%}.nav-item{display:flex;justify-content:space-around;list-style-type:none;margin:0;padding:20px;text-decoration:none}.navbar ul{display:flex;font-weight:700;width:100%}.link{color:#fff}.link,.nav-home{text-decoration:none}.nav-home{display:flex;font-weight:700;justify-content:space-around;list-style-type:none;margin:0 auto 0 0;padding:20px 20px 20px 30px}nav ul li a,nav ul li a:after,nav ul li a:before{transition:all .5s}.about-container{align-items:center;-webkit-animation:transitionIn .75s;animation:transitionIn .75s;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.about-header{display:flex;flex-wrap:nowrap}.about-header h2{font-weight:700;text-transform:uppercase}#console span{font-family:Monaco,monospace}#console{background-color:#2a2d34;border-radius:4px;border-top:20 solid px;box-shadow:0 1px 1px rgba(0,0,0,.07),0 2px 2px rgba(0,0,0,.07),0 4px 4px rgba(0,0,0,.07),0 8px 8px rgba(0,0,0,.07),0 16px 16px rgba(0,0,0,.07);font-size:90%;height:390px;line-height:22px;margin:20px 40x 40x;overflow-y:auto;padding:30px;width:550px}#console ul{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:20px;display:block;list-style-type:circle;margin-block-end:1em;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0;padding-inline-start:20px}.firstColor{color:#ac78c2}.secondColor{color:#b5bd68}.thirdColor{color:#5888ca}.fourthColor{color:#f0c674}.fifthColor{color:#c5c8c6}#home-section{color:#fff;height:100vh;width:100%}.home-container{align-items:center;-webkit-animation:transitionIn .75s;animation:transitionIn .75s;flex-direction:column;height:100%;width:100%}.home-container,.title p{display:flex;justify-content:center}.title p{margin-bottom:10px;margin-top:10px}.overlay{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.title-container{display:flex;flex-direction:column}.title h1{display:flex;font-size:3.5rem;justify-content:center;margin:0}.link-icon{padding:10px}.link-1,.link-2,.link-3{color:#fff}.link-1:hover,.link-2:hover,.link-3:hover{opacity:.5}.text_1{-webkit-animation:text1;animation:text1}.text_2{-webkit-animation:text2;animation:text2}.text_1,.text_2{-webkit-animation-duration:20s;animation-duration:20s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:steps(25);animation-timing-function:steps(25);display:inline-block;font-size:1.5rem;overflow:hidden;position:relative;white-space:nowrap}.text_1:after,.text_2:after{-webkit-animation:caret infinite;animation:caret infinite;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:step-end;animation-timing-function:step-end;content:"|";position:absolute;right:0}@-webkit-keyframes text2{0%,50%,to{width:0}60%,90%{width:100%}}@keyframes text2{0%,50%,to{width:0}60%,90%{width:100%}}@-webkit-keyframes text1{0%,50%,to{width:0}10%,40%{width:100%}}@keyframes text1{0%,50%,to{width:0}10%,40%{width:100%}}@-webkit-keyframes caret{0%,to{opacity:0}50%{opacity:1}}@keyframes caret{0%,to{opacity:0}50%{opacity:1}}.experience-container{align-items:center;-webkit-animation:transitionIn 1s;animation:transitionIn 1s;color:#fff;display:flex;flex-direction:column;justify-content:center}.education-header{margin-top:30px}.education-header,.experience-header{border-bottom:1px solid #fff;display:flex;flex-wrap:nowrap}.subheading{font-size:1rem}.education{margin-top:10px}.work-experience{margin-bottom:50px;margin-top:10px}.work-section{display:flex;flex-direction:column;font-size:18px;height:100%;width:50%}.right{float:right}.chipotle-logo,.csulb-logo{float:left;height:65px;margin-left:-95px;width:65px}.skill{border:1px solid;border-radius:8px;display:inline-block;font-size:11px;font-weight:500;line-height:1.33333em;margin-right:10px;margin-top:.8em;padding:7px 18px;text-transform:uppercase;width:auto}.work-section ul{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:20px;display:block;list-style-type:circle;margin-block-end:1em;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0;padding-inline-start:20px}.work-section h2{font-weight:700;text-transform:uppercase}@media screen and (max-width:1150px){.right{display:none}}@-webkit-keyframes transitionIn{0%{opacity:0;-webkit-transform:rotateX(-10deg);transform:rotateX(-10deg)}to{opacity:1;-webkit-transform:rotateX(0);transform:rotateX(0)}}@keyframes transitionIn{0%{opacity:0;-webkit-transform:rotateX(-10deg);transform:rotateX(-10deg)}to{opacity:1;-webkit-transform:rotateX(0);transform:rotateX(0)}}.projects-container{-webkit-animation:transitionIn .75s;animation:transitionIn .75s;flex-direction:column;flex-wrap:wrap;margin-left:200px;margin-right:200px}.projects-container,.projects-header{color:#fff;display:flex;justify-content:center}.projects-header{align-items:center;height:100px}.projects-header h2{font-weight:700;text-transform:uppercase}.row{display:flex;flex-wrap:wrap;justify-content:center}.project-item{border-radius:6px;box-shadow:0 1px 1px rgba(0,0,0,.07),0 2px 2px rgba(0,0,0,.07),0 4px 4px rgba(0,0,0,.07),0 8px 8px rgba(0,0,0,.07),0 16px 16px rgba(0,0,0,.07);height:-webkit-max-content;height:max-content;margin:80px;position:relative}.project-item img{height:350px;width:350px}.project-description{align-items:center;background:hsla(60,6%,91%,.9);bottom:0;color:#fff;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s,visibility .4s;visibility:hidden}.project-description p{margin-bottom:2%;margin-top:2%}.project-description b{-webkit-margin-before:.83em;-webkit-margin-after:.83em;-webkit-margin-start:0;-webkit-margin-end:0;display:block;font-size:1.5em;margin-block-end:.83em;margin-block-start:.83em;margin-inline-end:0;margin-inline-start:0}.img-description{color:#2a2d34;margin-left:25px;margin-right:25px;padding-left:25px;padding-right:25px;text-align:center;transition:.5s}.img-description i{font-size:12px}.project-item:hover .project-description{opacity:1;visibility:visible}.project-item img{padding:25px}@media screen and (max-width:768px){.projects-container{margin-left:0;margin-right:0}}.etc-container{-webkit-animation:transitionIn .75s;animation:transitionIn .75s;display:flex;flex-wrap:wrap;justify-content:center}.listen-header,.skills-header{color:#fff;display:flex;font-weight:700;height:100px;justify-content:center;margin-top:50px;text-transform:uppercase;width:100%}.skills-section{margin:auto;max-width:1200px;overflow:hidden;padding:1.5rem}.skills-icons{flex-wrap:wrap;list-style:none;margin-left:300px;margin-right:300px;max-width:1100px}.skills-icons,.skills-icons li{display:flex;justify-content:center}.skills-icons li{align-items:center;color:#fff;flex-direction:column;font-size:1rem;margin:1rem;transition:.3s}.listen-img{box-shadow:0 1px 1px rgba(0,0,0,.07),0 2px 2px rgba(0,0,0,.07),0 4px 4px rgba(0,0,0,.07),0 8px 8px rgba(0,0,0,.07),0 16px 16px rgba(0,0,0,.07);height:400px;margin:50px;width:400px}.c-icon,.git-icon,.html-icon,.java-icon,.python-icon,.react-icon,.sql-icon,.vue-icon{height:80px;object-fit:contain;width:70px}.skills-icons li:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}.javascript-icon{height:80px;object-fit:contain;width:80px}*{box-sizing:border-box;font-family:Sen,sans-serif;letter-spacing:1.5px;margin:0;padding:0}.footer-container{height:5vh;margin-top:100px;text-align:center}.footer-container p{color:#fff}
/*# sourceMappingURL=main.8f742ffd.css.map*/