html{font:400 15px/1.8 "Lato",sans-serif;scroll-behavior:smooth}body,html{height:100%;margin:0}body{font-family:"Lato",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}code{font-family:"Lato",sans-serif}.parallax.one{background-image:url(/portfolio/static/media/IMG_8515.74fa387e.JPEG);height:100%;opacity:.65;background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}.parallax.two{background-image:url(/portfolio/static/media/parallax2.1369b095.jpg)}.parallax.three,.parallax.two{position:relative;min-height:400px;opacity:.65;background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}.parallax.three{background-image:url(/portfolio/static/media/20190721_214256.13d6f245.jpg)}.caption{position:absolute;left:0;top:50%;width:100%;text-align:center;color:#000}.border{background-color:transparent;font-size:25px;color:#f7f7f7;border:none}hr{border-top:#f7f7f7}@media only screen and (max-device-width:1366px){.parallax.one,.parallax.three,.parallax.two{background-attachment:scroll}.parallax.two{background-position:0 0;min-height:300px}}.inner{text-align:center;position:absolute;top:35%;width:100%;opacity:.9;font:"Lato",sans-serif;text-transform:uppercase;padding:0 1rem}.title-card{background-color:#000;color:#fafafa;padding:2rem;width:auto;margin:0 auto;max-width:41rem}.whitney{font-size:2.5rem}.gotham{font-size:1.3rem;width:47ch;-webkit-animation:typing 3s steps(40),blink .5s step-end infinite alternate;animation:typing 3s steps(40),blink .5s step-end infinite alternate;white-space:nowrap;overflow:hidden;border-right:3px solid;margin:0 auto}@-webkit-keyframes typing{0%{width:0}}@keyframes typing{0%{width:0}}@-webkit-keyframes blink{50%{border-color:transparent}}@keyframes blink{50%{border-color:transparent}}@media (max-width:768px){.title-card{background-color:#000;color:#fafafa;padding:2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;display:block}.gotham{font-size:1.3rem;width:auto;-webkit-animation:none;animation:none;border:none;white-space:break-spaces}.type-text{display:block;border:none}}#my-nav{background-color:#fff}.nav-line{margin:.5rem 0}.nav-text{font-size:1.5rem;margin:0 2rem}#navigator,.nav-text{text-transform:uppercase}.nav-link,.navbar-toggler{color:#000!important}.solid{border-top:2px solid hsla(0,0%,100%,.1)}nav{width:100%;margin:0 auto;background:#fff;padding:.8rem 0;box-shadow:0 5px 0 #dedede}nav ul{list-style:none;text-align:center;margin-bottom:0!important}nav ul li{display:inline-block}nav ul li a{display:block;padding:10px;text-decoration:none!important;color:#000;font-weight:800;text-transform:uppercase;margin:0 2rem;font-size:1.5rem}nav ul li a,nav ul li a:after,nav ul li a:before{transition:all .5s}nav ul li a:hover{color:#ebebeb}nav.shift ul li a{position:relative;z-index:1}nav.shift ul li a:hover{color:#f1f1f1}nav.shift ul li a:after{display:block;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:100%;height:1px;content:".";color:transparent;background:#747474;visibility:none;opacity:0;z-index:-1}nav.shift ul li a:hover:after{opacity:1;visibility:visible;height:100%}.shift{display:inherit}#my-nav{display:none;z-index:3}@media (max-width:635px){.shift{display:none}#my-nav{display:inherit}}.about{color:#000;background-color:#fff;text-align:center;padding:3rem;text-align:justify}.about-header{letter-spacing:5px;text-transform:uppercase;font:30px "Lato",sans-serif;color:#111;margin-top:.5rem}#scroll-to-one{position:absolute;bottom:20%}.profile-container{text-align:center;margin-top:2rem;margin-bottom:4rem}.avatar{width:9rem;height:9rem;border-radius:50%}.skills{width:100%;justify-content:space-around;margin-top:2rem}.skill-icon,.skills{display:flex;flex-wrap:wrap}.skill-icon{justify-content:center;width:6rem}.fa-3x,.skill-text{width:100%;text-align:center}.skill-text{font-size:1.3rem;margin-top:.2rem}.mongoimg{width:3rem}.expressimg{width:3rem;height:2rem;margin:.5rem}.materialimg{width:1rem;height:.5rem;margin:.5rem}@media (min-width:768px){.about{padding:5rem}.about-header{padding:2rem}.profile-container{margin-top:0;margin-bottom:4rem}}@media (min-width:1500px){.about{padding:7rem}.about-header{padding:4rem}}@media (max-width:500px){#scroll-to-one{bottom:0}}.work-box{display:flex;justify-content:space-around;margin:2rem;padding:0!important}.work-image{opacity:1;display:block;width:100%;transition:.5s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;height:auto;border:1px solid grey}.image-box{width:45%;position:relative}.text-box{width:45%}.text-bold{font-weight:bolder}.divider{border:.5px solid #dbdbdb;margin:.5rem 1rem auto}.tech-used{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.tech-title{margin:.5rem 0 1rem;text-align:center}.descrip{margin:1rem .5rem!important;font-size:1rem}.middle{display:flex;transition:.5s ease;opacity:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center}.site-links{margin:0 1rem;text-decoration:none!important}.deploy{background-color:#04aa6d}.repo{background-color:#000;font-size:1rem}.role{margin:.8rem 0!important}.title{background-color:#04aa6d;text-align:center;font-size:2rem;color:#fff}.image-box:hover .work-image{opacity:.3}.image-box:hover .middle{opacity:1}.text{color:#fff;padding:.8rem;text-decoration:none;text-align:center}.text:hover{opacity:.5;transition:.2s ease-in-out}.projexpressimg,.projmongoimg{height:2rem}.work-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding-bottom:6rem}#scroll-to-two{position:relative;bottom:7rem}.work-header{width:100%;text-align:center;font-size:2.5rem}.tech-icon{height:2rem;color:#000}.c-img{opacity:.6;min-height:33rem;transition:opacity .5s}.c-img:hover{opacity:1;min-height:33rem}.carousel-container{margin-bottom:8rem}.carousel{margin:0 10rem}.my-caption h3{text-transform:uppercase}.carousel-caption{color:#fff;background:#000;opacity:.7;position:absolute}a.carousel-control-next,a.carousel-control-next:active,a.carousel-control-prev,a.carousel-control-prev:active{background-color:#000;opacity:.3;width:7%}.carousel-indicators{margin-bottom:2rem}.mobile-show{display:none}.desktop-show{display:flex;flex-wrap:wrap}@media (max-width:768px){.mobile-show{display:inherit}.desktop-show{display:none}.work-container{padding-bottom:1rem}.carousel{width:auto;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;box-shadow:3px 3px 5px #000;margin:3px}.work-header{width:100%;text-align:center;padding-bottom:0}.carousel-caption{position:inherit;right:15%;bottom:11px;left:15%;z-index:10;padding-top:5px;padding-bottom:5px;color:#fff;text-align:center;height:5rem}.my-caption p{padding-bottom:1rem}.my-caption h3{margin-bottom:0}.carousel-indicators{margin-bottom:.1rem}.c-img{min-height:13rem}a.carousel-control-next,a.carousel-control-prev{width:10%;background-color:unset}a.carousel-control-next:active,a.carousel-control-prev:active{width:10%}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='pfff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E")}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='pfff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3E%3C/svg%3E")}}.contact-header{letter-spacing:5px;text-transform:uppercase;text-align:center;margin:4rem}#back-to-top{display:flex;justify-content:center;margin-bottom:1rem;text-decoration:none}#back-to-top:hover{color:#212121}.effect{min-height:23rem;padding:0 12rem}.buttons{display:flex;width:100%;justify-content:space-around;flex-wrap:wrap;margin-top:7rem}.effect a{text-decoration:none!important;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:20px;font-size:25px;overflow:hidden;position:relative;color:#212121;border:2px solid #212121}.effect a i{position:relative;z-index:3}.effect a:before{content:"";height:100%}.effect a:before,.effect a i{display:inline-block;vertical-align:middle}.effect.varrius a{transition:all .2s linear 0s}.effect.varrius a:after{content:"";display:block;width:90%;height:90%;top:-110%;left:0;right:0;margin:auto;position:absolute;background-color:#212121;border-radius:50%}.effect.varrius a:hover{color:#fff}.effect.varrius a:hover:after{top:5%;transition:all .2s linear 0s}@media (max-width:768px){.effect{padding:0}.effect a{margin:1rem 2rem}.buttons{margin-top:2rem;justify-content:center}}.container{display:flex;justify-content:center;align-items:center;width:100%;height:50vh;margin-top:40rem}.chevron{position:absolute;left:49%;bottom:10%;color:#fff;width:2.1rem;height:.48rem;opacity:0;-webkit-transform:scale(.3);transform:scale(.3);-webkit-animation:move-chevron 3s ease-out infinite;animation:move-chevron 3s ease-out infinite}.chevron:first-child{-webkit-animation:move-chevron 3s ease-out 1s infinite;animation:move-chevron 3s ease-out 1s infinite}.chevron:nth-child(2){-webkit-animation:move-chevron 3s ease-out 2s infinite;animation:move-chevron 3s ease-out 2s infinite}.chevron:after,.chevron:before{content:"";position:absolute;top:0;height:100%;width:50%;background:#fff}.chevron:before{left:0;-webkit-transform:skewY(30deg);transform:skewY(30deg)}.chevron:after{right:0;width:50%;-webkit-transform:skewY(-30deg);transform:skewY(-30deg)}.container-two{display:flex;position:relative}.scroll-2{top:10%!important}@-webkit-keyframes move-chevron{25%{opacity:1}33.3%{opacity:1;-webkit-transform:translateY(2.28rem);transform:translateY(2.28rem)}66.6%{opacity:1;-webkit-transform:translateY(3.12rem);transform:translateY(3.12rem)}to{opacity:0;-webkit-transform:translateY(4.8rem) scale(.5);transform:translateY(4.8rem) scale(.5)}}@keyframes move-chevron{25%{opacity:1}33.3%{opacity:1;-webkit-transform:translateY(2.28rem);transform:translateY(2.28rem)}66.6%{opacity:1;-webkit-transform:translateY(3.12rem);transform:translateY(3.12rem)}to{opacity:0;-webkit-transform:translateY(4.8rem) scale(.5);transform:translateY(4.8rem) scale(.5)}}@media (max-width:768px){.chevron{left:45%}}
/*# sourceMappingURL=main.e16edeaa.chunk.css.map */