body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--blue-lite:#97d6e8;--yelow:#c3c08b;--orange:#c88977;--blue:#10003d;--blue-text:#000397;--purple:#d6aeff;background-image:url(/static/media/old_map.71e7cfb70de3797309f4.png);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}*{outline:none}.App{height:auto;margin:0 auto;position:relative;width:100%}.App .imgheader{-webkit-filter:drop-shadow(0 0 1rem #000);filter:drop-shadow(0 0 1rem rgb(0,0,0));margin:60px 22.5% 0 0;position:relative;width:55%}.App .adsr{float:right;margin:0 1% 0 0}.App .adsl,.App .adsr{border:2px solid #00008b;height:600px;position:-webkit-sticky;position:sticky;top:100px;width:14%}.App .adsl{float:left;margin:0 0 0 1%}.App .adsbtm{border:2px solid #00008b;bottom:0;height:100px;left:20%;position:fixed;width:60%;z-index:2}@media only screen and (max-width:700px){.App{height:auto;margin:0 auto;position:relative;width:100%}.App .imgheader{margin:50px auto 0;width:100%}.App .adsr{border:2px solid #00008b;float:right;height:500px;margin:0 1%;position:-webkit-sticky;position:sticky;top:100px;width:15%}.App .adsbtm,.App .adsl,.App .adsr{display:none}}.sidebar{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAcCAMAAADRNYZUAAAAdVBMVEXZ2dnW1tbX19fk5OTw8PDu7u7v7+/4+Pjq6urc3NzY2Njd3d3r6+vx8fH39/f7+/v6+vrz8/P29vb5+fn19fXe3t7b29v09PTh4eHa2try8vLl5eXg4ODp6enj4+P+/v78/Pzt7e3f39/m5ubs7Ozn5+f9/f1C6uWOAAAA4klEQVR42u3SS3LDIBBFUaTQkBaGRugXESeO89v/EgOIRlVZg8+IwR10FU+IrumfJDClJTTPAodWoblYqBx5zpRFgdi3yBg7QhGIaFKQyXlJFWerybYNko0ynTPrXrBUmKPdFIsLAJEOLj2nV6zV2nXCVFftLLEw+jfkCtfBNO/+dvq4Y6kgiw4a9dmd9jtkpbJEM0fxKx3AhLmOXElKRijmb0TcazTkA4IqlfKURUiCRGxZb7IfLVOlJjpYALfhQXCUXCYpoqbKWx2QpX8zTHnxezvpBc8MTRMfm3hs4v8m/gDcmSmlmz2CMAAAAABJRU5ErkJggg==);box-shadow:0 0 4vw var(--blue-text);color:var(--blue-text);font-size:1.2vw;font-weight:700;height:100%;line-height:2em;padding-top:2vw;position:fixed;right:5%;text-align:center;top:0;width:20%}.sidebar .over{height:100%;overflow:auto}.sidebar .what{cursor:pointer;height:2.2vw;width:2.2vw}.sidebar .git{cursor:pointer;font-size:3.5vw;margin:0 1vw}.sidebar .linkedIn{cursor:pointer;font-size:4vw;margin:0 1vw}.sidebar .download{border:.3vw solid var(--blue-text);border-radius:50px;color:var(--blue-text);cursor:pointer;font-size:3vw;margin:0 1vw;padding:.1vw}.sidebar .divbtnmodal,.sidebar .downloadsmallscreen{display:none}.sidebar .mail,.sidebar .phone{cursor:pointer;height:2.2vw;width:2.2vw}.sidebar .phone{border-radius:30px}.sidebar .divmail{font-size:1.4vw;margin-top:1vw}.sidebar .divmail,.sidebar .divphone{align-items:center;display:flex;justify-content:center}.sidebar .divlinks{align-items:flex-start;display:flex;justify-content:center;margin-top:3vw}.sidebar .messagelink{display:none}.speech-bubble{background:#629bdd;border-radius:.25em;font-size:1vw!important;height:5vw;left:6vw;line-height:normal;margin:.5em auto;padding:1vw;position:absolute;text-align:center;top:11vw;-webkit-transform:rotate(-4deg) rotateY(15deg);transform:rotate(-4deg) rotateY(15deg);width:11vw}.speech-bubble:after,.speech-bubble:before{content:"";position:absolute;z-index:-1}.speech-bubble:after{background:#f4fbfe;border-radius:inherit;bottom:0;left:0;right:0;top:0;-webkit-transform:rotate(2deg) translate(.35em,-.15em) scale(1.02);transform:rotate(2deg) translate(.35em,-.15em) scale(1.02)}.speech-bubble:before{border-bottom:0 solid transparent;border-right:0 solid transparent;border-color:transparent #f4fbfe #629bdd transparent;border-style:solid;border-width:0 3.5em .25em 0;bottom:.25em;height:1em;left:1.25em;-webkit-transform:rotate(45deg) skewX(75deg);transform:rotate(45deg) skewX(75deg);width:0}h2{display:inline}@media only screen and (max-width:700px){.sidebar{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAcCAMAAADRNYZUAAAAdVBMVEXZ2dnW1tbX19fk5OTw8PDu7u7v7+/4+Pjq6urc3NzY2Njd3d3r6+vx8fH39/f7+/v6+vrz8/P29vb5+fn19fXe3t7b29v09PTh4eHa2try8vLl5eXg4ODp6enj4+P+/v78/Pzt7e3f39/m5ubs7Ozn5+f9/f1C6uWOAAAA4klEQVR42u3SS3LDIBBFUaTQkBaGRugXESeO89v/EgOIRlVZg8+IwR10FU+IrumfJDClJTTPAodWoblYqBx5zpRFgdi3yBg7QhGIaFKQyXlJFWerybYNko0ynTPrXrBUmKPdFIsLAJEOLj2nV6zV2nXCVFftLLEw+jfkCtfBNO/+dvq4Y6kgiw4a9dmd9jtkpbJEM0fxKx3AhLmOXElKRijmb0TcazTkA4IqlfKURUiCRGxZb7IfLVOlJjpYALfhQXCUXCYpoqbKWx2QpX8zTHnxezvpBc8MTRMfm3hs4v8m/gDcmSmlmz2CMAAAAABJRU5ErkJggg==);box-shadow:0 0 4vw var(--blue-text);color:var(--blue-text);font-size:4.5vw;font-weight:700;height:45vw;left:0;line-height:5vw;padding-top:2vw;position:absolute;right:0;text-align:center;top:0;width:100%}.sidebar .titleright{align-items:center;border-left:1vw solid var(--blue-text);display:flex;flex-direction:column;height:80%;justify-content:center;position:absolute;right:0;top:10%;width:35%}.sidebar .what{cursor:pointer;height:10.2vw;width:10.2vw}.sidebar .git{cursor:pointer;font-size:10vw}.sidebar .linkedIn{cursor:pointer;font-size:12vw}.sidebar .messagelink{color:var(--blue-text);display:flex;font-size:10vw}.sidebar .download{display:none}.sidebar .downloadsmallscreen{border:1vw solid var(--blue-text);border-radius:50px;color:var(--blue-text);cursor:pointer;display:inline;font-size:8.5vw;padding:.1vw}.sidebar .mail,.sidebar .phone{cursor:pointer;height:9.2vw;width:9.2vw}.sidebar .phone{border-radius:30px}.sidebar .titleleft{flex-direction:column;height:80%;position:absolute;right:35%;top:15%;width:65%}.sidebar .divmail,.sidebar .titleleft{align-items:center;display:flex;justify-content:center}.sidebar .divmail{font-size:5vw;margin-top:2vw}.sidebar .divphone{align-items:center;display:flex;justify-content:center}.sidebar .divlinks{align-items:center;display:flex;justify-content:space-evenly;margin-top:4vw;width:100%}.speech-bubble{background:#629bdd;border-radius:3vw;font-size:4vw!important;height:37vw;left:22vw;line-height:normal;margin:.5em auto;padding:2vw 0 1vw 4vw;position:absolute;text-align:center;top:42vw;-webkit-transform:rotate(-4deg) rotateY(15deg);transform:rotate(-4deg) rotateY(15deg);width:55vw;z-index:1}.speech-bubble:after,.speech-bubble:before{content:"";position:absolute;z-index:-1}.speech-bubble:after{background:#f4fbfe;border-radius:inherit;bottom:0;left:0;right:0;top:0;-webkit-transform:rotate(2deg) translate(.85em,-.75em) scale(1.02);transform:rotate(2deg) translate(.85em,-.75em) scale(1.02)}.speech-bubble:before{border-left:0 solid transparent;border-right:0 solid transparent;border-color:transparent #f4fbfe transparent #629bdd;border-style:solid;border-width:0 20vw 0 3vw;height:1em;left:14vw;top:1vw;-webkit-transform:rotate(45deg) skewX(75deg);transform:rotate(45deg) skewX(75deg);width:0}.sidebar .divbtnmodal{display:flex;justify-content:space-around;margin:2vw auto;width:70%}.sidebar .btnmodal{background-color:initial;border:none;font-size:9vw;font-weight:900}.yes{color:green;text-decoration:none}.no{color:red}}.tabs{left:3%;position:absolute;top:3vw;width:68%}.btntabs{background-color:rgba(16,0,61,0);border-radius:1vw 0;cursor:pointer;font-size:1.2vw;font-weight:700;height:3.3vw;margin-right:8vw;position:relative;width:12vw}.btntabs:after{background:rgba(16,0,61,.6);border-radius:1.5vw 0;bottom:-.8vw;content:"";left:-.8vw;position:absolute;right:-.8vw;top:-.8vw;z-index:-1}.btn1{border:.2vw solid var(--purple);color:var(--purple)}.active:after{background:#10003d}.btn2{border:.2vw solid var(--yelow);color:var(--yelow)}.btn3{border:.2vw solid var(--blue-lite);color:var(--blue-lite)}@media only screen and (max-width:700px){.tabs{position:absolute;right:1%;top:55vw;width:98%}.divbtntabs{display:flex;flex-direction:row;justify-content:space-evenly}.btntabs{background-color:rgba(16,0,61,0);border-radius:3vw 0;cursor:pointer;font-size:4.2vw;font-weight:700;height:9vw;margin-right:0;position:relative;width:25%}.btntabs:after{background:rgba(16,0,61,.6);border-radius:3.5vw 0;bottom:-1.8vw;content:"";left:-1.8vw;position:absolute;right:-1.8vw;top:-1.8vw;z-index:-1}.btn1{border:.8vw solid var(--purple);color:var(--purple)}.active:after{background:#10003d}.btn2{border:.8vw solid var(--yelow);color:var(--yelow)}.btn3{border:.8vw solid var(--blue-lite);color:var(--blue-lite)}}.keen-slider{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;display:flex;touch-action:pan-y;-webkit-user-select:none;user-select:none;-khtml-user-select:none}.keen-slider,.keen-slider__slide{overflow:hidden;position:relative}.keen-slider__slide{min-height:100%;width:100%}.keen-slider[data-keen-slider-v]{flex-wrap:wrap}.keen-slider[data-keen-slider-v] .keen-slider__slide{width:100%}.keen-slider[data-keen-slider-moves] *{pointer-events:none}.project{height:38vw;margin-top:3%;position:relative;width:100%}[class*=" number-slide"],[class^=number-slide]{align-items:center;color:#fff;display:flex;font-size:50px;font-weight:500;height:35vw;justify-content:center;max-height:100vh}.navigation-wrapper{position:relative}.dots{display:flex;justify-content:center;padding:10px 0}.dot{background:#c5c5c5;border:none;border-radius:50%;cursor:pointer;height:.7vw;margin:0 5px;padding:5px;width:1.5vw}.dot:focus{outline:none}.dot.active{background:#000}.arrow{fill:#10003d;cursor:pointer;height:2vw;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:2vw}.arrow--left{left:1.1vw}.arrow--right{left:auto;right:1.1vw}.arrow--disabled{fill:#3d0005}.divall{background-color:#10003d;border-radius:0 3vw;cursor:pointer;height:90%;margin:0 auto;position:relative;width:80%}.divall:after{background:#10003d;border-radius:0 4vw;bottom:-1.2vw;content:"";left:-1.2vw;position:absolute;right:-1.2vw;top:-1.2vw;z-index:-1}.title{color:var(--blue-lite);font-size:.9vw;left:70%;line-height:2vw;padding-top:1vw;position:absolute;text-align:center;width:26%}li{text-align:right}h5,li{margin-top:0}h5{line-height:1.4vw;margin-bottom:0}.imgproject{border-radius:1vw;box-shadow:0 0 .8vw #fff;height:75%;top:5%;width:65%}.divlogo,.imgproject{left:3%;position:absolute}.divlogo{line-height:0;text-align:center;top:85%;width:70%}.imglogo{height:2.5vw;margin:.5vw}.divuser{align-items:flex-start;display:flex;flex-direction:column;font-size:.7vw;left:80%;line-height:1.3vw;position:absolute;top:86%}@media only screen and (max-width:700px){[class*=" number-slide"],[class^=number-slide]{align-items:center;color:#fff;display:flex;font-size:6vw;font-weight:500;height:155vw;justify-content:center;max-height:100vh}.navigation-wrapper{position:relative}.dots{display:flex;justify-content:center;padding:15px 0}.dot{background:#c5c5c5;border:none;border-radius:50%;cursor:pointer;height:3.7vw;margin:0 5px;padding:5px;width:7.5vw}.dot:focus{outline:none}.dot.active{background:#000}.arrow{fill:#10003d;cursor:pointer;height:6vw;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:6vw}.arrow--left{left:1.1vw}.arrow--right{left:auto;right:1.1vw}.arrow--disabled{fill:#3d0005}.divall{background-color:#10003d;border-radius:6vw;cursor:pointer;height:90%;margin:0 auto;position:relative;width:78%}.divall:after{background:#10003d;border-radius:7vw;bottom:-3.2vw;content:"";left:-3.2vw;position:absolute;right:-3.2vw;top:-3.2vw;z-index:-1}.title{color:var(--blue-lite);font-size:3.4vw;left:5%;line-height:4.5vw;padding-top:1vw;position:absolute;text-align:center;top:63vw;width:90%}li{text-align:right}h5,li{margin-top:0}h5{line-height:4vw;margin-bottom:0}.imgproject{border-radius:1vw;box-shadow:0 0 .8vw #fff;height:45vw;left:3%;position:absolute;top:5%;width:94%}.divlogo{left:5%;line-height:0;position:absolute;text-align:center;top:55vw;width:90%}.imglogo{height:5.5vw;margin:.5vw 1vw}.divuser{align-items:flex-start;display:flex;flex-direction:column;font-size:2.5vw;left:10%;line-height:4.3vw;position:absolute;top:125vw}}.truckweb{border:.2vw solid var(--purple)}.truckweb .title{color:var(--purple)}@media only screen and (max-width:700px){.truckweb{border:1vw solid var(--purple)}.truckweb .title{color:var(--purple)}}.gamedouble{border:.2vw solid var(--yelow);cursor:auto}.gamedouble .title{color:var(--yelow)}@media only screen and (max-width:700px){.gamedouble{border:1vw solid var(--yelow)}.gamedouble .title{color:var(--yelow)}}.truckapp{border:.2vw solid var(--blue-lite)}.truckapp .title{color:var(--blue-lite)}.truckapp .imgapp{border-radius:1vw;height:75%;position:absolute;top:5%;width:23%}.truckapp .img1{left:10%}.truckapp .img2{left:39%}.truckapp .download{border:.3vw solid var(--blue-lite);border-radius:50px;color:var(--blue-lite);cursor:pointer;font-size:3vw;margin:0 1vw;padding:.1vw;position:absolute;right:0;top:85%}@media only screen and (max-width:700px){.truckapp{border:1vw solid var(--blue-lite)}.truckapp .title{color:var(--blue-lite)}.truckapp .imgapp{border-radius:1vw;height:45vw;position:absolute;top:5%;width:35%}.truckapp .img1{left:10%}.truckapp .img2{left:55%}.truckapp .download{border:.3vw solid var(--blue-lite);border-radius:50px;color:var(--blue-lite);cursor:pointer;font-size:8vw;margin:0 1vw;padding:.1vw;position:absolute;right:45%;top:125vw}}.apartments{border:.2vw solid var(--purple)}.apartments .title{color:var(--purple)}@media only screen and (max-width:700px){.apartments{border:1vw solid var(--purple)}.apartments .title{color:var(--purple)}}.resume{height:40vw;margin:4vw auto;position:relative;width:90%}.divresume{align-items:center;background:var(--blue);display:flex;font-size:1.8vw;font-weight:700;height:5vw;justify-content:center;position:absolute;white-space:nowrap}.Firebase{-webkit-animation:Firebase 1s both;animation:Firebase 1s both;-webkit-animation-delay:.5s;animation-delay:.5s;border:.4vw solid #7fff00;color:#7fff00;left:15vw;top:30vw;width:15vw}.Firebase:after{background-color:var(--blue);border:solid #7fff00;border-width:.4vw .4vw 0;content:"";height:5.5vw;left:4.7vw;position:absolute;top:-5.85vw;width:5vw}@-webkit-keyframes Firebase{0%{top:-80vw}to{top:30vw}}@keyframes Firebase{0%{top:-80vw}to{top:30vw}}.Express{-webkit-animation:Express 1s both;animation:Express 1s both;-webkit-animation-delay:.8s;animation-delay:.8s;border:.4vw solid #ff0;color:#ff0;height:16.1vw;left:47.8vw;top:18.9vw;width:5vw}.Express:after{background-color:var(--blue);border:.4vw solid #ff0;border-right-width:0;content:"";height:5vw;position:absolute;right:5vw;top:10.7vw;width:5.2vw}.rotate{display:flex;-webkit-transform:rotate(270deg);transform:rotate(270deg)}@-webkit-keyframes Express{0%{top:-80vw}to{top:18.9vw}}@keyframes Express{0%{top:-80vw}to{top:18.9vw}}.Socket{-webkit-animation:Socket 1s both;animation:Socket 1s both;-webkit-animation-delay:1.1s;animation-delay:1.1s;border:.4vw solid #6328c4;color:#6328c4;height:4.6vw;left:8.65vw;top:24.6vw;width:10.7vw}.Socket:after{border:.4vw solid #6328c4;border-top-width:0;right:4.8vw;top:4.6vw;width:5.6vw}.Socket:after,.Socket:before{background-color:var(--blue);content:"";height:5.7vw;position:absolute}.Socket:before{border:solid #6328c4;border-width:.4vw .4vw 0;left:5.5vw;top:-6vw;width:4.8vw}@-webkit-keyframes Socket{0%{top:-80vw}to{top:24.6vw}}@keyframes Socket{0%{top:-80vw}to{top:24.6vw}}.CSS{-webkit-animation:CSS 1s both;animation:CSS 1s both;-webkit-animation-delay:1.4s;animation-delay:1.4s;border:.4vw solid #2180da;color:#2180da;left:30.8vw;top:30vw;width:11vw}.CSS:after{border:solid #2180da;border-width:.4vw 0 0 .4vw;height:5.55vw;left:6vw;width:4.65vw}.CSS:after,.CSS:before{background-color:var(--blue);content:"";position:absolute;top:-5.9vw}.CSS:before{border:.4vw solid #2180da;border-left-width:0;height:4.9vw;left:10vw;width:6.2vw}@-webkit-keyframes CSS{0%{top:-80vw}to{top:30vw}}@keyframes CSS{0%{top:-80vw}to{top:30vw}}.MongoDB{-webkit-animation:MongoDB 1s both;animation:MongoDB 1s both;-webkit-animation-delay:1.7s;animation-delay:1.7s;border:.4vw solid #d57ceb;color:#d57ceb;height:4.7vw;left:26vw;top:24.45vw;width:10.4vw}.MongoDB:after{border:solid #d57ceb;border-width:.4vw .4vw 0 0;height:5.6vw;left:-.09vw;width:4.8vw}.MongoDB:after,.MongoDB:before{background-color:var(--blue);content:"";position:absolute;top:-5.9vw}.MongoDB:before{border:.4vw solid #d57ceb;border-right-width:0;height:4.7vw;left:-6.3vw;width:6vw}@-webkit-keyframes MongoDB{0%{top:-80vw}to{top:24.45vw}}@keyframes MongoDB{0%{top:-80vw}to{top:24.45vw}}.React{-webkit-animation:React 1s both;animation:React 1s both;-webkit-animation-delay:2s;animation-delay:2s;border:.4vw solid #72d1d4;color:#72d1d4;height:10.4vw;left:37.3vw;top:13.3vw;width:9.7vw}@-webkit-keyframes React{0%{top:-80vw}to{top:13.3vw}}@keyframes React{0%{top:-80vw}to{top:13.3vw}}.Ntive{-webkit-animation:Ntive 1s both;animation:Ntive 1s both;-webkit-animation-delay:2.6s;animation-delay:2.6s;color:#72d1d4;height:15vw;left:8.65vw;top:8.8vw;width:5vw}.Ntive,.Ntive:after{border:.4vw solid #72d1d4}.Ntive:after{background-color:var(--blue);border-left-width:0;content:"";height:5vw;position:absolute;right:-6.05vw;top:3.95vw;width:5.65vw}@-webkit-keyframes Ntive{0%{top:-80vw}to{top:8.8vw}}@keyframes Ntive{0%{top:-80vw}to{top:8.8vw}}.Node{-webkit-animation:Node 1s both;animation:Node 1s both;-webkit-animation-delay:2.3s;animation-delay:2.3s;color:#7e0049;height:15vw;left:31.5vw;top:8.65vw}.Node,.Node:after{border:.4vw solid #7e0049;width:5vw}.Node:after{background-color:var(--blue);border-right-width:0;content:"";height:5vw;position:absolute;right:5.05vw;top:4.1vw}@-webkit-keyframes Node{0%{top:-80vw}to{top:8.65vw}}@keyframes Node{0%{top:-80vw}to{top:8.65vw}}.JavaScript{-webkit-animation:JavaScript 1s both;animation:JavaScript 1s both;-webkit-animation-delay:2.9s;animation-delay:2.9s;border:.4vw solid #d398bc;color:#d398bc;height:3.6vw;left:14.5vw;top:8.75vw;width:16.2vw}.JavaScript:after{background-color:var(--blue);border:.4vw solid #d398bc;border-top-width:0;content:"";height:5.9vw;left:5.2vw;position:absolute;top:3.55vw;width:5.6vw}@-webkit-keyframes JavaScript{0%{top:-80vw}to{top:8.75vw}}@keyframes JavaScript{0%{top:-80vw}to{top:8.75vw}}.HTML{-webkit-animation:HTML 1s both;animation:HTML 1s both;-webkit-animation-delay:3.2s;animation-delay:3.2s;color:#c26161;height:3.85vw;left:37.3vw;top:8.65vw;width:15.3vw}.HTML,.HTML:after{border:.4vw solid #c26161}.HTML:after{background-color:var(--blue);border-top-width:0;content:"";height:5.7vw;left:10.1vw;position:absolute;top:3.85vw;width:4.8vw}@-webkit-keyframes HTML{0%{top:-80vw}to{top:8.65vw}}@keyframes HTML{0%{top:-80vw}to{top:8.65vw}}@media only screen and (max-width:700px){.resume{height:140vw;margin:4vw auto;position:relative;width:80vw}.divresume{align-items:center;background:var(--blue);display:flex;font-size:5.5vw;font-weight:700;height:13vw;justify-content:center;position:absolute}.Firebase{-webkit-animation:Firebase 1s both;animation:Firebase 1s both;-webkit-animation-delay:.5s;animation-delay:.5s;border:1.2vw solid #7fff00;color:#7fff00;left:20vw;top:110vw;width:39vw}.Firebase:after{background-color:var(--blue);border:solid #7fff00;border-width:1.2vw 1.2vw 0;content:"";height:13.2vw;left:11.8vw;position:absolute;top:-14.25vw;width:13vw}@-webkit-keyframes Firebase{0%{top:-80vw}to{top:110vw}}@keyframes Firebase{0%{top:-80vw}to{top:110vw}}.Socket{-webkit-animation:Socket 1s both;animation:Socket 1s both;-webkit-animation-delay:.8s;animation-delay:.8s;border:1.2vw solid #6328c4;color:#6328c4;height:11vw;left:3.65vw;top:24.6vw;width:26.7vw}.Socket:after{border:1.2vw solid #6328c4;border-top-width:0;height:14.9vw;right:11.6vw;top:11vw;width:13.9vw}.Socket:after,.Socket:before{background-color:var(--blue);content:"";position:absolute}.Socket:before{border:solid #6328c4;border-width:1.2vw 1.2vw 0;height:14vw;left:12.5vw;top:-15vw;width:13vw}@-webkit-keyframes Socket{0%{top:-80vw}to{top:96.6vw}}@keyframes Socket{0%{top:-80vw}to{top:96.6vw}}.Node{-webkit-animation:Node 1s both;animation:Node 1s both;-webkit-animation-delay:1.1s;animation-delay:1.1s;color:#7e0049;height:40vw;left:61.5vw;top:8.65vw;width:13vw}.Node,.Node:after{border:1.2vw solid #7e0049}.Node:after{background-color:var(--blue);border-right-width:0;content:"";height:10.7vw;position:absolute;right:13.15vw;top:13.1vw;width:12.9vw}@-webkit-keyframes Node{0%{top:-80vw}to{top:82.5vw}}@keyframes Node{0%{top:-80vw}to{top:82.5vw}}.CSS{-webkit-animation:CSS 1s both;animation:CSS 1s both;-webkit-animation-delay:1.4s;animation-delay:1.4s;border:1.2vw solid #2180da;color:#2180da;height:12vw;left:32.9vw;top:31.5vw;width:26vw}.CSS:after{border:solid #2180da;border-width:1.2vw 0 0 1.2vw;height:13.8vw;left:14vw;width:11vw}.CSS:after,.CSS:before{background-color:var(--blue);content:"";position:absolute;top:-15vw}.CSS:before{border:1.2vw solid #2180da;border-left-width:0;height:11.8vw;left:26vw;width:15.7vw}@-webkit-keyframes CSS{0%{top:-80vw}to{top:82.5vw}}@keyframes CSS{0%{top:-80vw}to{top:82.5vw}}.Ntive{-webkit-animation:Ntive 1s both;animation:Ntive 1s both;-webkit-animation-delay:1.7s;animation-delay:1.7s;color:#72d1d4;height:40vw;left:3.65vw;top:8.8vw;width:11.1vw}.Ntive,.Ntive:after{border:1.2vw solid #72d1d4}.Ntive:after{background-color:var(--blue);border-left-width:0;content:"";height:11.5vw;position:absolute;right:-16.85vw;top:13.35vw;width:15.6vw}@-webkit-keyframes Ntive{0%{top:-80vw}to{top:54.2vw}}@keyframes Ntive{0%{top:-80vw}to{top:54.2vw}}.JavaScript{-webkit-animation:JavaScript 1s both;animation:JavaScript 1s both;-webkit-animation-delay:2s;animation-delay:2s;border:1.2vw solid #d398bc;color:#d398bc;height:12vw;left:17.2vw;top:8.75vw;width:42.2vw}.JavaScript:after{background-color:var(--blue);border:1.2vw solid #d398bc;border-top-width:0;content:"";height:13.8vw;left:14.8vw;position:absolute;top:12vw;width:12.6vw}@-webkit-keyframes JavaScript{0%{top:-80vw}to{top:54.2vw}}@keyframes JavaScript{0%{top:-80vw}to{top:54.2vw}}.rotate{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.HTML{-webkit-animation:HTML 1s both;animation:HTML 1s both;-webkit-animation-delay:2.3s;animation-delay:2.3s;color:#1daa1d;height:12.85vw;left:32.8vw;top:8.65vw;width:41.8vw}.HTML,.HTML:after{border:1.2vw solid #1daa1d}.HTML:after{background-color:var(--blue);border-top-width:0;content:"";height:14.7vw;left:27.8vw;position:absolute;top:12.85vw;width:12.8vw}@-webkit-keyframes HTML{0%{top:-80vw}to{top:38.9vw}}@keyframes HTML{0%{top:-80vw}to{top:38.9vw}}.React{-webkit-animation:React 1s both;animation:React 1s both;-webkit-animation-delay:2.6s;animation-delay:2.6s;border:1.2vw solid #ff8d40;color:#ff8d40;height:25.2vw;left:3.65vw;top:13.3vw;width:26.7vw}@-webkit-keyframes React{0%{top:-80vw}to{top:26.5vw}}@keyframes React{0%{top:-80vw}to{top:26.5vw}}.Express{-webkit-animation:Express 1s both;animation:Express 1s both;-webkit-animation-delay:2.9s;animation-delay:2.9s;border:1.2vw solid #d6ff1e;color:#d6ff1e;height:25.7vw;left:48vw;top:13.3vw;width:26.7vw}.Express:after{display:none}@-webkit-keyframes Express{0%{top:-80vw}to{top:10.6vw}}@keyframes Express{0%{top:-80vw}to{top:10.6vw}}.MongoDB{-webkit-animation:MongoDB 1s both;animation:MongoDB 1s both;-webkit-animation-delay:3.2s;animation-delay:3.2s;color:#ff2bff;height:12.85vw;left:3.65vw;top:8.65vw;width:41.8vw}.MongoDB,.MongoDB:after{border:1.2vw solid #ff2bff}.MongoDB:after{background-color:var(--blue);border-top-width:0;content:"";height:12.3vw;left:28vw;position:absolute;top:12.8vw;width:12.6vw}.MongoDB:before{display:none}@-webkit-keyframes MongoDB{0%{top:-80vw}to{top:11.1vw}}@keyframes MongoDB{0%{top:-80vw}to{top:11.1vw}}}.divabout{border:.2vw solid var(--purple);border-radius:2vw;color:var(--purple);display:flex;flex-direction:row;font-size:1vw;font-weight:700;height:70%;justify-content:left;justify-content:space-between;padding:2vw;width:75%}.divabout,.divabout:after{background:var(--blue);position:absolute}.divabout:after{border-radius:1.5vw;bottom:-.8vw;content:"";left:-.8vw;right:-.8vw;top:-.8vw;z-index:-1}.divabout .title{align-items:center;border:.2vw solid var(--blue-lite);border-radius:1vw;color:var(--blue-lite);display:flex;font-size:1.3vw;font-weight:700;height:3vw;justify-content:center;padding:0;right:2.4vw;top:-1.9vw;width:25%}.divabout .title,.divabout .title:after{background:var(--blue);position:absolute}.divabout .title:after{border-radius:1.5vw;bottom:-.8vw;content:"";left:-.8vw;right:-.8vw;top:-.8vw;z-index:-1}.divabout .title_li{color:var(--purple);font-size:.9vw;font-weight:700;margin:.5vw 0 0;padding:0}.divabout .content{background-color:hsla(0,0%,100%,.15);border:1px solid var(--blue-lite);border-radius:1vw;color:var(--yelow);font-size:.7vw;font-weight:400;padding:.5vw 1vw 1vw}#about_me{line-height:1.35vw;width:40%}#project_me{line-height:1.2vw;width:50%}.li_project{color:var(--blue-lite);font-size:.8vw;font-weight:700;margin:.5vw 0 0}.Description_project{color:var(--yelow);font-size:.7vw;font-weight:400;margin:0}.link_project{cursor:pointer;text-decoration:underline}@media only screen and (max-width:700px){.divabout{background-color:#10003d;border:1vw solid var(--purple);border-radius:6vw;cursor:pointer;flex-direction:column;height:90%;justify-content:flex-start;margin:0 auto;padding:0;position:relative;width:78%}.divabout:after{background:#10003d;border-radius:7vw;bottom:-3.2vw;content:"";left:-3.2vw;position:absolute;right:-3.2vw;top:-3.2vw;z-index:-1}.divabout .title{align-items:center;border:.8vw solid var(--blue-lite);border-radius:3vw;color:var(--blue-lite);display:flex;font-size:3vw;font-weight:700;height:6vw;justify-content:center;padding:0;right:4.4vw;top:-4.5vw;width:40%}.divabout .title,.divabout .title:after{background:var(--blue);position:absolute}.divabout .title:after{border-radius:3.5vw;bottom:-2.4vw;content:"";left:-2.4vw;right:-2.4vw;top:-2.4vw;z-index:-1}#about_me{line-height:3.2vw;margin:5vw auto 0;width:70%}#project_me{line-height:3.8vw;margin:3vw auto 0;width:70%}.divabout .title_li{color:var(--purple);font-size:2vw;font-weight:700;margin:.5vw 0 0;padding:0}.divabout .content{background-color:hsla(0,0%,100%,.15);border:.5vw solid var(--blue-lite);border-radius:2vw;color:var(--yelow);font-size:1.8vw;font-weight:400;padding:1.5vw 3vw 1vw}.li_project{color:var(--blue-lite);font-size:2vw;font-weight:700;margin:.5vw 0 0}.Description_project{color:var(--yelow);font-size:1.7vw;font-weight:400;margin:0}}.modaltruckapp{background:rgba(0,0,0,.7);height:100%;left:0;position:fixed;top:0;width:100%;z-index:1}.modaltruckapp .modalimg{align-items:center;background-color:#050138;border-radius:1vw;display:flex;-webkit-filter:drop-shadow(0 0 .6vw #000);filter:drop-shadow(0 0 .6vw rgb(0,0,0));flex-direction:row;height:60%;justify-content:space-around;left:50%;padding:1vw;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%;z-index:5}.modaltruckapp .imgapp{border-radius:1vw;height:90%;width:15%}@media only screen and (max-width:700px){.modaltruckapp{background:rgba(0,0,0,.5);height:100%;left:0;position:fixed;top:0;width:100%;z-index:1}.modaltruckapp .modalimg{align-items:center;background-color:initial;border-radius:1vw;display:flex;-webkit-filter:drop-shadow(0 0 1.6vw #000);filter:drop-shadow(0 0 1.6vw rgb(0,0,0));flex-direction:row;height:70%;justify-content:space-between;left:50%;overflow:auto;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:5}.modaltruckapp .imgapp{border-radius:3vw;height:95%;margin:0 10vw;width:100vw}}.message{border:4px solid #100064;border-radius:1.2vw;height:14.5vw;margin:3vw auto;position:absolute;right:7.5%;top:26vw;width:15%}.displaynone,.modalmessage{display:none}.message .textarea{background-color:#fff;border-radius:1.2vw;font-size:.9vw;height:11.4vw;left:0;overflow:auto;padding:.5vw 1vw;position:absolute;scroll-padding:50px;text-align:center;top:0;width:calc(100% - 2vw)}.message .btnmessage:placeholder-shown{font-size:16px;text-align:center}.message .btnmessage{align-items:center;background-color:#100064;border-radius:0 0 .7vw .7vw;border-top:4px solid #100064;bottom:0;color:#fff;cursor:pointer;display:flex;font-size:1.1vw;font-weight:700;height:2vw;justify-content:center;left:0;padding:0;position:absolute;width:100%}.message .btnmessage:hover{background-color:rgba(2,0,129,.6)}.message .btnmessage:active{background-color:#000;color:#fff}[placeholder]:empty:before{background-color:initial;color:gray;content:attr(placeholder)}::-webkit-scrollbar{width:.5vw}::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px grey;margin-top:1.2vw}::-webkit-scrollbar-thumb{background:#020081;border-radius:10px}.modal{background:#fff;border-radius:1vw;-webkit-filter:drop-shadow(0 0 .6vw #000);filter:drop-shadow(0 0 .6vw rgb(0,0,0));height:auto;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:60%}.display-block{align-items:center;display:flex;font-size:1.2vw;font-weight:700;justify-content:center;line-height:2vw;padding:2vw;text-align:center}.display-none{display:none}@media only screen and (max-width:700px){.displaynone,.message{display:none}.modalmessage{background:rgba(0,0,0,.7);display:inline;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1}.modalmessage .modalmsg{border-radius:6.2vw;left:12.5%;top:4vw;width:75%}.modalmessage .modalmsg,.modalmessage .textarea{height:62.4vw;position:absolute;text-align:center}.modalmessage .textarea{background-color:#fff;border:1.5vw solid #100064;border-radius:6.2vw;font-size:4.9vw;left:50%;overflow:auto;padding:4vw;scroll-padding:50px;top:0;-webkit-transform:translate(-50%);transform:translate(-50%);width:100%}.modalmessage .btnmessage:placeholder-shown{font-size:16px;text-align:center}.modalmessage .btnmessage{align-items:center;background-color:#fff;border:4px solid #100064;border-radius:6.2vw;color:var(--blue);cursor:pointer;display:flex;font-size:5.1vw;font-weight:700;height:10vw;justify-content:center;left:50%;padding:0;position:absolute;top:79.4vw;-webkit-transform:translate(-50%);transform:translate(-50%);width:calc(100% + 8.4vw)}[placeholder]:empty:before{background-color:initial;color:gray;content:attr(placeholder)}::-webkit-scrollbar{width:.5vw}::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px grey;margin-top:1.2vw}::-webkit-scrollbar-thumb{background:#020081;border-radius:10px}.modal{background:#fff;border-radius:1vw;-webkit-filter:drop-shadow(0 0 .6vw #000);filter:drop-shadow(0 0 .6vw rgb(0,0,0));height:50%;left:50%;position:absolute;top:65%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%}.display-block{align-items:center;display:flex;font-size:6vw;font-weight:700;justify-content:center;line-height:12vw}.display-none{display:none}}
/*# sourceMappingURL=main.5a8dc576.css.map*/