.html{scroll-behavior:smooth}.parag{text-align:center;margin:0 15%;font-weight:bolder;letter-spacing:2px}.frag{font-family:"Raleway",sans-serif}.bold{font-weight:bolder}.landing{display:flex;color:#fff;background:transparent;transition:width 2s;margin:10px 10px 10px 0;height:90vh;width:100%;background-size:cover;position:relative}@media only screen and (max-height:1000px){.landing{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}.text-color{color:#fff}.dev-text{font-size:30px;text-decoration:underline;-webkit-text-decoration-color:#ff5f6d;text-decoration-color:#ff5f6d;color:#000;position:relative;display:inline-block;font-weight:800;overflow:hidden}.soft-text{text-align:center;font-size:20px}.landing-text-content{flex-direction:row;justify-content:center;margin:10px}.landing-all-content,.landing-text-content{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.landing-all-content{color:#000;font-weight:bolder;transition:width 2s;margin:10px auto}.landing-all-content,.landing-text{flex-direction:column;align-items:center}.landing-text{display:flex;justify-content:center;margin-left:10px}.connect-text{font-size:20px}.image-landing{width:250px;border-radius:50%;border:1px solid #ff4500;transition:width 2s;box-shadow:3px 3px #fff;transition-duration:1s,1s;transition-property:box-shadow,width}.image-landing:hover{border:0 solid #ff5f6d;box-shadow:8px 8px #379683;width:200px}.name-font{color:#fff;background:#ff5f6d;background:linear-gradient(90deg,#ffc371,#ff5f6d);font-size:40px;font-weight:700;text-shadow:3px 3px #102b25;transition-duration:1s,1s;transition-property:text-shadow,background;margin:10px}.name-font:hover{text-shadow:6px 3px #379683;font-weight:400;background:#ff5f6d;background:linear-gradient(270deg,#ffc371,#ff5f6d)}.social-media{display:flex;flex-direction:row;justify-content:space-around;border:1px solid #ffc371;border-radius:10px;margin-top:10px}.social-media-item{cursor:pointer;padding:10px;border-radius:10px}.social-media-item:hover{background:#ffc371}@media only screen and (max-width:1200px){.name-font{font-size:40px}.dev-text{font-size:25px}.image-landing{width:250px}.image-landing:hover{width:300px}}@media only screen and (max-width:400px){.name-font{font-size:30px}.dev-text{font-size:20px}.image-landing{width:200px}.image-landing:hover{width:250px}}.right-content{display:flex;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;align-self:center;margin:10px}.right-text-content{text-align:right}.glitch{position:relative;color:#fff;font-size:100px;font-weight:900;animation:glitch-skew 1s linear infinite alternate-reverse;line-height:100px}.glitch:before{left:0;left:2px;text-shadow:-2px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s linear infinite alternate-reverse}.glitch:after,.glitch:before{content:attr(data-text);position:absolute;top:0;width:100%;height:100%}.glitch:after{left:0;left:-2px;text-shadow:-2px 0 #00fff9,2px 2px red;animation:glitch-anim2 1s linear infinite alternate-reverse}@-webkit-keyframes glitch-anim{0%{clip:rect(67px,9999px,32px,0);-webkit-transform:skew(.08deg);transform:skew(.08deg)}5%{clip:rect(85px,9999px,64px,0);-webkit-transform:skew(.45deg);transform:skew(.45deg)}10%{clip:rect(52px,9999px,63px,0);-webkit-transform:skew(.21deg);transform:skew(.21deg)}15%{clip:rect(21px,9999px,83px,0);-webkit-transform:skew(.1deg);transform:skew(.1deg)}20%{clip:rect(21px,9999px,23px,0);-webkit-transform:skew(.41deg);transform:skew(.41deg)}25%{clip:rect(79px,9999px,19px,0);-webkit-transform:skew(.22deg);transform:skew(.22deg)}30%{clip:rect(37px,9999px,12px,0);-webkit-transform:skew(.17deg);transform:skew(.17deg)}35%{clip:rect(57px,9999px,56px,0);-webkit-transform:skew(.1deg);transform:skew(.1deg)}40%{clip:rect(47px,9999px,95px,0);-webkit-transform:skew(.58deg);transform:skew(.58deg)}45%{clip:rect(98px,9999px,55px,0);-webkit-transform:skew(.82deg);transform:skew(.82deg)}50%{clip:rect(60px,9999px,80px,0);-webkit-transform:skew(.4deg);transform:skew(.4deg)}55%{clip:rect(69px,9999px,94px,0);-webkit-transform:skew(.41deg);transform:skew(.41deg)}60%{clip:rect(47px,9999px,49px,0);-webkit-transform:skew(.51deg);transform:skew(.51deg)}65%{clip:rect(32px,9999px,92px,0);-webkit-transform:skew(.35deg);transform:skew(.35deg)}70%{clip:rect(50px,9999px,84px,0);-webkit-transform:skew(.64deg);transform:skew(.64deg)}75%{clip:rect(55px,9999px,23px,0);-webkit-transform:skew(.94deg);transform:skew(.94deg)}80%{clip:rect(35px,9999px,84px,0);-webkit-transform:skew(.13deg);transform:skew(.13deg)}85%{clip:rect(8px,9999px,79px,0);-webkit-transform:skew(.5deg);transform:skew(.5deg)}90%{clip:rect(80px,9999px,96px,0);-webkit-transform:skew(.21deg);transform:skew(.21deg)}95%{clip:rect(56px,9999px,6px,0);-webkit-transform:skew(.69deg);transform:skew(.69deg)}to{clip:rect(46px,9999px,58px,0);-webkit-transform:skew(.15deg);transform:skew(.15deg)}}@keyframes glitch-anim{0%{clip:rect(67px,9999px,32px,0);-webkit-transform:skew(.08deg);transform:skew(.08deg)}5%{clip:rect(85px,9999px,64px,0);-webkit-transform:skew(.45deg);transform:skew(.45deg)}10%{clip:rect(52px,9999px,63px,0);-webkit-transform:skew(.21deg);transform:skew(.21deg)}15%{clip:rect(21px,9999px,83px,0);-webkit-transform:skew(.1deg);transform:skew(.1deg)}20%{clip:rect(21px,9999px,23px,0);-webkit-transform:skew(.41deg);transform:skew(.41deg)}25%{clip:rect(79px,9999px,19px,0);-webkit-transform:skew(.22deg);transform:skew(.22deg)}30%{clip:rect(37px,9999px,12px,0);-webkit-transform:skew(.17deg);transform:skew(.17deg)}35%{clip:rect(57px,9999px,56px,0);-webkit-transform:skew(.1deg);transform:skew(.1deg)}40%{clip:rect(47px,9999px,95px,0);-webkit-transform:skew(.58deg);transform:skew(.58deg)}45%{clip:rect(98px,9999px,55px,0);-webkit-transform:skew(.82deg);transform:skew(.82deg)}50%{clip:rect(60px,9999px,80px,0);-webkit-transform:skew(.4deg);transform:skew(.4deg)}55%{clip:rect(69px,9999px,94px,0);-webkit-transform:skew(.41deg);transform:skew(.41deg)}60%{clip:rect(47px,9999px,49px,0);-webkit-transform:skew(.51deg);transform:skew(.51deg)}65%{clip:rect(32px,9999px,92px,0);-webkit-transform:skew(.35deg);transform:skew(.35deg)}70%{clip:rect(50px,9999px,84px,0);-webkit-transform:skew(.64deg);transform:skew(.64deg)}75%{clip:rect(55px,9999px,23px,0);-webkit-transform:skew(.94deg);transform:skew(.94deg)}80%{clip:rect(35px,9999px,84px,0);-webkit-transform:skew(.13deg);transform:skew(.13deg)}85%{clip:rect(8px,9999px,79px,0);-webkit-transform:skew(.5deg);transform:skew(.5deg)}90%{clip:rect(80px,9999px,96px,0);-webkit-transform:skew(.21deg);transform:skew(.21deg)}95%{clip:rect(56px,9999px,6px,0);-webkit-transform:skew(.69deg);transform:skew(.69deg)}to{clip:rect(46px,9999px,58px,0);-webkit-transform:skew(.15deg);transform:skew(.15deg)}}@-webkit-keyframes glitch-anim2{0%{clip:rect(87px,9999px,45px,0);-webkit-transform:skew(.78deg);transform:skew(.78deg)}5%{clip:rect(44px,9999px,80px,0);-webkit-transform:skew(.69deg);transform:skew(.69deg)}10%{clip:rect(32px,9999px,11px,0);-webkit-transform:skew(.66deg);transform:skew(.66deg)}15%{clip:rect(73px,9999px,66px,0);-webkit-transform:skew(.08deg);transform:skew(.08deg)}20%{clip:rect(62px,9999px,30px,0);-webkit-transform:skew(.64deg);transform:skew(.64deg)}25%{clip:rect(5px,9999px,67px,0);-webkit-transform:skew(.72deg);transform:skew(.72deg)}30%{clip:rect(60px,9999px,40px,0);-webkit-transform:skew(.54deg);transform:skew(.54deg)}35%{clip:rect(85px,9999px,17px,0);-webkit-transform:skew(.45deg);transform:skew(.45deg)}40%{clip:rect(14px,9999px,1px,0);-webkit-transform:skew(.77deg);transform:skew(.77deg)}45%{clip:rect(56px,9999px,49px,0);-webkit-transform:skew(.05deg);transform:skew(.05deg)}50%{clip:rect(62px,9999px,24px,0);-webkit-transform:skew(.33deg);transform:skew(.33deg)}55%{clip:rect(6px,9999px,68px,0);-webkit-transform:skew(.28deg);transform:skew(.28deg)}60%{clip:rect(88px,9999px,10px,0);-webkit-transform:skew(.57deg);transform:skew(.57deg)}65%{clip:rect(63px,9999px,75px,0);-webkit-transform:skew(.54deg);transform:skew(.54deg)}70%{clip:rect(91px,9999px,92px,0);-webkit-transform:skew(.94deg);transform:skew(.94deg)}75%{clip:rect(64px,9999px,42px,0);-webkit-transform:skew(.93deg);transform:skew(.93deg)}80%{clip:rect(33px,9999px,40px,0);-webkit-transform:skew(.69deg);transform:skew(.69deg)}85%{clip:rect(16px,9999px,40px,0);-webkit-transform:skew(.45deg);transform:skew(.45deg)}90%{clip:rect(33px,9999px,73px,0);-webkit-transform:skew(.78deg);transform:skew(.78deg)}95%{clip:rect(9px,9999px,40px,0);-webkit-transform:skew(.66deg);transform:skew(.66deg)}to{clip:rect(12px,9999px,6px,0);-webkit-transform:skew(.35deg);transform:skew(.35deg)}}@keyframes glitch-anim2{0%{clip:rect(87px,9999px,45px,0);-webkit-transform:skew(.78deg);transform:skew(.78deg)}5%{clip:rect(44px,9999px,80px,0);-webkit-transform:skew(.69deg);transform:skew(.69deg)}10%{clip:rect(32px,9999px,11px,0);-webkit-transform:skew(.66deg);transform:skew(.66deg)}15%{clip:rect(73px,9999px,66px,0);-webkit-transform:skew(.08deg);transform:skew(.08deg)}20%{clip:rect(62px,9999px,30px,0);-webkit-transform:skew(.64deg);transform:skew(.64deg)}25%{clip:rect(5px,9999px,67px,0);-webkit-transform:skew(.72deg);transform:skew(.72deg)}30%{clip:rect(60px,9999px,40px,0);-webkit-transform:skew(.54deg);transform:skew(.54deg)}35%{clip:rect(85px,9999px,17px,0);-webkit-transform:skew(.45deg);transform:skew(.45deg)}40%{clip:rect(14px,9999px,1px,0);-webkit-transform:skew(.77deg);transform:skew(.77deg)}45%{clip:rect(56px,9999px,49px,0);-webkit-transform:skew(.05deg);transform:skew(.05deg)}50%{clip:rect(62px,9999px,24px,0);-webkit-transform:skew(.33deg);transform:skew(.33deg)}55%{clip:rect(6px,9999px,68px,0);-webkit-transform:skew(.28deg);transform:skew(.28deg)}60%{clip:rect(88px,9999px,10px,0);-webkit-transform:skew(.57deg);transform:skew(.57deg)}65%{clip:rect(63px,9999px,75px,0);-webkit-transform:skew(.54deg);transform:skew(.54deg)}70%{clip:rect(91px,9999px,92px,0);-webkit-transform:skew(.94deg);transform:skew(.94deg)}75%{clip:rect(64px,9999px,42px,0);-webkit-transform:skew(.93deg);transform:skew(.93deg)}80%{clip:rect(33px,9999px,40px,0);-webkit-transform:skew(.69deg);transform:skew(.69deg)}85%{clip:rect(16px,9999px,40px,0);-webkit-transform:skew(.45deg);transform:skew(.45deg)}90%{clip:rect(33px,9999px,73px,0);-webkit-transform:skew(.78deg);transform:skew(.78deg)}95%{clip:rect(9px,9999px,40px,0);-webkit-transform:skew(.66deg);transform:skew(.66deg)}to{clip:rect(12px,9999px,6px,0);-webkit-transform:skew(.35deg);transform:skew(.35deg)}}@-webkit-keyframes glitch-skew{0%{-webkit-transform:skew(3deg);transform:skew(3deg)}10%{-webkit-transform:skew(5deg);transform:skew(5deg)}20%{-webkit-transform:skew(-4deg);transform:skew(-4deg)}30%{-webkit-transform:skew(0deg);transform:skew(0deg)}40%{-webkit-transform:skew(1deg);transform:skew(1deg)}50%{-webkit-transform:skew(4deg);transform:skew(4deg)}60%{-webkit-transform:skew(-1deg);transform:skew(-1deg)}70%{-webkit-transform:skew(3deg);transform:skew(3deg)}80%{-webkit-transform:skew(-3deg);transform:skew(-3deg)}90%{-webkit-transform:skew(1deg);transform:skew(1deg)}to{-webkit-transform:skew(-3deg);transform:skew(-3deg)}}@keyframes glitch-skew{0%{-webkit-transform:skew(3deg);transform:skew(3deg)}10%{-webkit-transform:skew(5deg);transform:skew(5deg)}20%{-webkit-transform:skew(-4deg);transform:skew(-4deg)}30%{-webkit-transform:skew(0deg);transform:skew(0deg)}40%{-webkit-transform:skew(1deg);transform:skew(1deg)}50%{-webkit-transform:skew(4deg);transform:skew(4deg)}60%{-webkit-transform:skew(-1deg);transform:skew(-1deg)}70%{-webkit-transform:skew(3deg);transform:skew(3deg)}80%{-webkit-transform:skew(-3deg);transform:skew(-3deg)}90%{-webkit-transform:skew(1deg);transform:skew(1deg)}to{-webkit-transform:skew(-3deg);transform:skew(-3deg)}}body,html{height:100%;width:100%;margin:0;background-color:#000}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins}#___gatsby{overflow-x:hidden}@media (max-width:500px){.slick-dots li{margin:0!important}}.project{background:#fff;width:350px;height:250px;padding:15px;display:flex;justify-content:space-around;flex-direction:column;transition-duration:.5s,.5s;transition-property:box-shadow,width;color:#000;word-break:break-all;border:1px solid #000;box-shadow:4px 2px #000}.project:hover{box-shadow:5px 5px #379683}.upper{display:flex;flex-direction:column}.header{font-weight:700;position:relative;color:#ff5f6d}.Project-container{background:transparent}.projects-header{background:#ff5f6d;background:linear-gradient(90deg,#ffc371,#ff5f6d);text-shadow:3px 3px #102b25;width:100%;margin:20px auto;flex-direction:column;font-size:30px}.projects-button,.projects-header{display:flex;align-items:center;color:#fff}.projects-button{width:115px;height:40px;justify-content:center;margin:1% auto 10px;background:#ff5f6d;border:#fff;cursor:pointer;border-radius:10px;transition:box-shadow,.5s}.projects-button:hover{background:#ff5f6d;color:#fff;box-shadow:2px 2px #000}.project-list-item{display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:10px auto 20px;padding:20px;background:#fff;width:90%;box-shadow:2px -2px #000;border:2px solid #000;transition-duration:.5s,.5s;transition-property:box-shadow,width}.project-list-item:hover{box-shadow:5px 5px #379683}.project-list-item-name{font-size:30px;font-weight:700;color:#ff5f6d;text-shadow:2.3px -.7px #fff}.project-list-item-description{font-size:16px;font-weight:700;color:#000}.project-list-item-language{font-size:12px;color:#000;font-weight:700}.work-experience{margin:20px 0;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fff}.jumbotron{background:#fff;border-top:.5px solid #000;border-bottom:.5px solid #000;width:100%}.title{text-shadow:3px 3px #102b25;padding:5px;width:100%;margin:20px auto;display:flex;flex-direction:column;align-items:center;font-size:30px;color:#fff;background:#ff5f6d;background:linear-gradient(90deg,#ff5f6d,#ffc371)}.work{color:#000;margin:10px}. work-container{display:flex;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:20px}@media only screen and (max-width:700px){.title{font-size:35px;text-align:center}}@media only screen and (max-width:400px){.title{font-size:25px;text-align:center}}.work-content{display:flex;justify-content:center;flex-direction:column;align-items:center;font-weight:bolder;margin:40px;border-left:2px solid #fff;border-right:2px solid #fff;height:30px}.work-place{display:flex;flex-direction:row;justify-content:space-around;font-size:23px;color:#000;margin:10px}@media only screen and (max-width:700px){.work-place{font-size:18px;margin:10px}.work-time{font-size:15px;margin-bottom:10px}}@media only screen and (max-width:550px){.work-place{font-size:12px;margin:3px}.work-time{font-size:13px}}.project-grid{margin:20px;color:#fff;display:grid;grid-template-columns:auto auto auto;grid-column-gap:10px;grid-row-gap:15px;justify-items:center}.show-text{width:115px;height:40px;display:flex;justify-content:center;align-items:center;margin:1% auto 10px;border:#fff;cursor:pointer;border-radius:10px;transition:box-shadow .5s}.show-text,.show-text:hover{background:#ff5f6d;color:#fff}.show-text:hover{box-shadow:2px 2px #000}@media only screen and (max-width:1100px){.project-grid{grid-template-columns:auto auto}}@media only screen and (max-width:800px){.project-grid{grid-template-columns:auto}}
/*# sourceMappingURL=main.7c64c648.chunk.css.map */