body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@font-face{font-family:"Montserrat-Reg";src:url(/static/media/Montserrat-Regular.ee653992.ttf);font-display:swap}@font-face{font-family:"Montserrat-SemiBold";src:url(/static/media/Montserrat-SemiBold.c641dbee.ttf);font-display:swap}@font-face{font-family:"Montserrat-Bold";src:url(/static/media/Montserrat-Bold.ade91f47.ttf);font-display:swap}.App{font-family:"Montserrat-Reg",sans-serif;color:#dfdfdf;height:100%;width:100%;background-image:linear-gradient(200deg,#223347,#19212b)}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-thumb{height:6px;border:3px solid transparent;background-clip:padding-box;border-radius:10px;background-color:rgba(0,0,0,.3);box-shadow:inset -1px -1px 0 rgba(0,0,0,.05),inset 1px 1px 0 rgba(0,0,0,.05)}::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.4)}::-webkit-scrollbar-track{width:22px;background:#1a2733}.display-none{display:none}.back{z-index:5;font-size:1.2rem;color:#dfdfdf;top:3.4rem;left:3.4rem;display:flex;position:fixed;align-content:center;padding:10px 5px 5px 10px;border-radius:50px;opacity:.85;background-color:#121a22;transition:all .2s ease;transform:translate(-50%,-50%)}.back .arrow{opacity:.5;fill:#dfdfdf;height:30px}.back:hover{padding:11px 6px 6px 11px}.back:hover .arrow:hover{height:34px}.project-link{padding:10px;display:flex;align-items:center;position:absolute;bottom:1vw;left:24%;transform:translate(-50%,-50%)}.project-link .arrow{transition:all 50ms ease;margin:3px .7vmin 0 0;fill:#dfdfdf;width:2.8vmin}.project-link .proj{transition:all 50ms ease;color:#dfdfdf;font-size:2.4vmin}.project-link:hover .arrow{width:2.9vmin}.project-link:hover .proj{font-size:2.5vmin}@media(max-width:950px){.project-link{left:14%}.project-link .arrow{width:3.5vmin}.project-link .proj{font-size:3.5vmin}}a{text-decoration:none}.wlcm-page-wrap{overflow:hidden}.left-wrapper{float:left;width:20%;height:100vh}.wlcm-content{font-family:"Montserrat-Bold",sans-serif;font-weight:700;height:100vh;width:45vw;margin-left:0;display:flex;flex-direction:column;justify-content:center;text-transform:uppercase;align-items:center;text-align:center;color:#dfdfdf}.wlcm-content .wlcm-ln1,.wlcm-content .wlcm-ln2,.wlcm-content .wlcm-ln3,.wlcm-content img{z-index:3}.wlcm-content img{width:170px;height:170px}.wlcm-content .wlcm-ln1{font-size:4.7rem}.wlcm-content .wlcm-ln2{font-size:2rem}.wlcm-content .wlcm-ln3{margin-top:40px;font-size:1rem}.wlcm-content .wlcm-ln4{text-transform:none;color:#dfdfdf;opacity:.3;margin-top:35px;font-size:1rem}.logo-wrapper{overflow:hidden;position:relative;float:right;width:80%;height:100vh;top:0}.logo-wrapper .logo{opacity:.15;position:absolute;transform:translate(-50%,-50%)}.logo-wrapper .react{width:auto;height:25vh;left:26vh;top:14vh}.logo-wrapper .cSharp{width:auto;height:27vh;left:58vh;top:7vh}.logo-wrapper .vue{width:auto;height:18vh;left:90vh;top:13vh}.logo-wrapper .git{width:auto;height:20vh;left:116vh;top:12vh}.logo-wrapper .js{width:auto;height:30vh;left:149vh;top:12vh}.logo-wrapper .bootstrap{width:auto;height:24vh;left:50vh;top:39vh}.logo-wrapper .html{width:auto;height:20vh;left:78vh;top:37vh}.logo-wrapper .nodejs{width:auto;height:19vh;left:104vh;top:35vh}.logo-wrapper .ai{width:auto;height:20vh;left:130vh;top:45vh}.logo-wrapper .sql{width:auto;height:20vh;left:160vh;top:43vh}.logo-wrapper .sass{width:auto;height:17vh;left:61vh;top:64vh}.logo-wrapper .postman{width:auto;height:22vh;left:91vh;top:62vh}.logo-wrapper .css{width:auto;height:20vh;left:120vh;top:72vh}.logo-wrapper .rbs{width:auto;height:40vh;left:160vh;top:80vh}.logo-wrapper .github{width:auto;height:20vh;top:100vh;left:15vh}.logo-wrapper .ps{width:auto;height:20vh;top:96vh;left:40vh}.logo-wrapper .java{width:auto;height:26vh;top:90vh;left:66vh}.logo-wrapper .flutter{opacity:.15;width:auto;height:28vh;top:92vh;left:94vh}.logo-wrapper .dart{width:auto;height:20vh;top:97vh;left:125vh}@media(max-width:1550px){.left-wrapper{width:0}.wlcm-content{width:40vw;margin-left:8vh}}@media(max-width:850px){.left-wrapper{width:0}.wlcm-content{width:52vw;margin-left:10vh}}@media(max-width:607px){.left-wrapper{width:0}.wlcm-content{width:60vw;margin-left:10vh}.wlcm-content img{width:12rem;height:12rem}.wlcm-content .wlcm-ln1{font-size:4.2rem}.wlcm-content .wlcm-ln2{font-size:1.6rem}}@media(max-width:470px){.left-wrapper{width:0}.wlcm-content{width:84vw;margin-left:4.2vh}.wlcm-content .wlcm-ln1{font-size:3.7rem}.wlcm-content .wlcm-ln2{font-size:1.3rem}.wlcm-content .wlcm-ln3{margin-top:48px;font-size:1rem}}@keyframes shake{0%{transform:translate(1px,1px) rotate(-2deg)}10%{transform:translate(-1px,-2px) rotate(-4deg)}20%{transform:translate(-3px) rotate(-2deg)}30%{transform:translate(3px,2px) rotate(-3deg)}40%{transform:translate(1px,-1px) rotate(-2deg)}50%{transform:translate(-1px,2px) rotate(-4deg)}60%{transform:translate(-3px,1px) rotate(-3deg)}70%{transform:translate(3px,1px) rotate(-4deg)}80%{transform:translate(-1px,-1px) rotate(-2deg)}90%{transform:translate(1px,2px) rotate(-3deg)}to{transform:translate(1px,-2px) rotate(-4deg)}}.info-wrapper{overflow-x:hidden;height:100%;position:relative}.info-wrapper .left-wrap{display:flex;justify-content:center;align-items:center;position:relative;height:100vh;float:left;width:50%}.info-wrapper .left-wrap .info-wrap{padding:0 5.5vw}.info-wrapper .left-wrap .info-wrap .info{display:flex}.info-wrapper .left-wrap .info-wrap .info .img-div{position:relative;flex:1 1 50%}.info-wrapper .left-wrap .info-wrap .info .img-div .me{display:block;width:100%;border-radius:2vmin;transform:rotate(-4deg)}.info-wrapper .left-wrap .info-wrap .info .img-div .me-angry{animation:shake .5s;animation-iteration-count:infinite}.info-wrapper .left-wrap .info-wrap .info .img-div .egg1{color:hsla(0,0%,64.7%,.1098039216);cursor:not-allowed;bottom:-8px;right:0;position:absolute;font-size:6px}.info-wrapper .left-wrap .info-wrap .info .info-div{flex:1 1 50%;padding-left:4.5vmin}.info-wrapper .left-wrap .info-wrap .info .info-div .info-content{display:flex;flex-direction:column;justify-content:space-between;height:100%}.info-wrapper .left-wrap .info-wrap .info .info-div .info-content .name{line-height:3.5vw;text-transform:uppercase}.info-wrapper .left-wrap .info-wrap .info .info-div .info-content .name .first{font-size:3vw}.info-wrapper .left-wrap .info-wrap .info .info-div .info-content .name .last{font-size:4vw}.info-wrapper .left-wrap .info-wrap .info .info-div .info-content .email{color:#74a3c4;font-size:1.5vw}.info-wrapper .left-wrap .info-wrap .info .info-div .info-content .email:hover{text-decoration:underline}.info-wrapper .left-wrap .info-wrap .info .info-div .info-content .media{display:flex;flex-direction:row;justify-content:space-between;align-items:left}.info-wrapper .left-wrap .info-wrap .info .info-div .info-content .media .media-link{position:relative;width:3vw;height:3vw}.info-wrapper .left-wrap .info-wrap .info .info-div .info-content .media .media-link:after{position:absolute;background:#dfdfdf;content:"";bottom:-6px;height:2.5px;left:0;width:100%;transform:scaleX(0);transition:transform .1s ease;will-change:transform}.info-wrapper .left-wrap .info-wrap .info .info-div .info-content .media .media-link:hover:after{transform:scaleX(1)}.info-wrapper .left-wrap .info-wrap .info .info-div .info-content .media .media-svg{fill:#dfdfdf}.info-wrapper .left-wrap .info-wrap .desc{text-align:justify;font-size:1.2vw;margin-top:4vw}.info-wrapper .left-wrap .info-wrap .desc p .scrabble-link{color:#74a3c4;font-size:20px}.info-wrapper .left-wrap .info-wrap .desc p .scrabble-link:hover{text-decoration:underline}.info-wrapper .stack-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;float:right;width:50%;height:100vh}.info-wrapper .stack-wrap .backend,.info-wrapper .stack-wrap .design-wrap,.info-wrapper .stack-wrap .frameworks-wrap,.info-wrapper .stack-wrap .fundamentals-wrap,.info-wrapper .stack-wrap .libraries-wrap,.info-wrapper .stack-wrap .version-control{padding-top:5vmin;height:5vmin;width:10px;position:relative}.info-wrapper .stack-wrap .backend .ai,.info-wrapper .stack-wrap .backend .be,.info-wrapper .stack-wrap .backend .bootstrap,.info-wrapper .stack-wrap .backend .css,.info-wrapper .stack-wrap .backend .figma,.info-wrapper .stack-wrap .backend .fw,.info-wrapper .stack-wrap .backend .git,.info-wrapper .stack-wrap .backend .github,.info-wrapper .stack-wrap .backend .html,.info-wrapper .stack-wrap .backend .js,.info-wrapper .stack-wrap .backend .nodejs,.info-wrapper .stack-wrap .backend .rbs,.info-wrapper .stack-wrap .backend .react,.info-wrapper .stack-wrap .backend .sass,.info-wrapper .stack-wrap .backend .sql,.info-wrapper .stack-wrap .backend .typescript,.info-wrapper .stack-wrap .backend .vue,.info-wrapper .stack-wrap .design-wrap .ai,.info-wrapper .stack-wrap .design-wrap .be,.info-wrapper .stack-wrap .design-wrap .bootstrap,.info-wrapper .stack-wrap .design-wrap .css,.info-wrapper .stack-wrap .design-wrap .figma,.info-wrapper .stack-wrap .design-wrap .fw,.info-wrapper .stack-wrap .design-wrap .git,.info-wrapper .stack-wrap .design-wrap .github,.info-wrapper .stack-wrap .design-wrap .html,.info-wrapper .stack-wrap .design-wrap .js,.info-wrapper .stack-wrap .design-wrap .nodejs,.info-wrapper .stack-wrap .design-wrap .rbs,.info-wrapper .stack-wrap .design-wrap .react,.info-wrapper .stack-wrap .design-wrap .sass,.info-wrapper .stack-wrap .design-wrap .sql,.info-wrapper .stack-wrap .design-wrap .typescript,.info-wrapper .stack-wrap .design-wrap .vue,.info-wrapper .stack-wrap .frameworks-wrap .ai,.info-wrapper .stack-wrap .frameworks-wrap .be,.info-wrapper .stack-wrap .frameworks-wrap .bootstrap,.info-wrapper .stack-wrap .frameworks-wrap .css,.info-wrapper .stack-wrap .frameworks-wrap .figma,.info-wrapper .stack-wrap .frameworks-wrap .fw,.info-wrapper .stack-wrap .frameworks-wrap .git,.info-wrapper .stack-wrap .frameworks-wrap .github,.info-wrapper .stack-wrap .frameworks-wrap .html,.info-wrapper .stack-wrap .frameworks-wrap .js,.info-wrapper .stack-wrap .frameworks-wrap .nodejs,.info-wrapper .stack-wrap .frameworks-wrap .rbs,.info-wrapper .stack-wrap .frameworks-wrap .react,.info-wrapper .stack-wrap .frameworks-wrap .sass,.info-wrapper .stack-wrap .frameworks-wrap .sql,.info-wrapper .stack-wrap .frameworks-wrap .typescript,.info-wrapper .stack-wrap .frameworks-wrap .vue,.info-wrapper .stack-wrap .fundamentals-wrap .ai,.info-wrapper .stack-wrap .fundamentals-wrap .be,.info-wrapper .stack-wrap .fundamentals-wrap .bootstrap,.info-wrapper .stack-wrap .fundamentals-wrap .css,.info-wrapper .stack-wrap .fundamentals-wrap .figma,.info-wrapper .stack-wrap .fundamentals-wrap .fw,.info-wrapper .stack-wrap .fundamentals-wrap .git,.info-wrapper .stack-wrap .fundamentals-wrap .github,.info-wrapper .stack-wrap .fundamentals-wrap .html,.info-wrapper .stack-wrap .fundamentals-wrap .js,.info-wrapper .stack-wrap .fundamentals-wrap .nodejs,.info-wrapper .stack-wrap .fundamentals-wrap .rbs,.info-wrapper .stack-wrap .fundamentals-wrap .react,.info-wrapper .stack-wrap .fundamentals-wrap .sass,.info-wrapper .stack-wrap .fundamentals-wrap .sql,.info-wrapper .stack-wrap .fundamentals-wrap .typescript,.info-wrapper .stack-wrap .fundamentals-wrap .vue,.info-wrapper .stack-wrap .libraries-wrap .ai,.info-wrapper .stack-wrap .libraries-wrap .be,.info-wrapper .stack-wrap .libraries-wrap .bootstrap,.info-wrapper .stack-wrap .libraries-wrap .css,.info-wrapper .stack-wrap .libraries-wrap .figma,.info-wrapper .stack-wrap .libraries-wrap .fw,.info-wrapper .stack-wrap .libraries-wrap .git,.info-wrapper .stack-wrap .libraries-wrap .github,.info-wrapper .stack-wrap .libraries-wrap .html,.info-wrapper .stack-wrap .libraries-wrap .js,.info-wrapper .stack-wrap .libraries-wrap .nodejs,.info-wrapper .stack-wrap .libraries-wrap .rbs,.info-wrapper .stack-wrap .libraries-wrap .react,.info-wrapper .stack-wrap .libraries-wrap .sass,.info-wrapper .stack-wrap .libraries-wrap .sql,.info-wrapper .stack-wrap .libraries-wrap .typescript,.info-wrapper .stack-wrap .libraries-wrap .vue,.info-wrapper .stack-wrap .version-control .ai,.info-wrapper .stack-wrap .version-control .be,.info-wrapper .stack-wrap .version-control .bootstrap,.info-wrapper .stack-wrap .version-control .css,.info-wrapper .stack-wrap .version-control .figma,.info-wrapper .stack-wrap .version-control .fw,.info-wrapper .stack-wrap .version-control .git,.info-wrapper .stack-wrap .version-control .github,.info-wrapper .stack-wrap .version-control .html,.info-wrapper .stack-wrap .version-control .js,.info-wrapper .stack-wrap .version-control .nodejs,.info-wrapper .stack-wrap .version-control .rbs,.info-wrapper .stack-wrap .version-control .react,.info-wrapper .stack-wrap .version-control .sass,.info-wrapper .stack-wrap .version-control .sql,.info-wrapper .stack-wrap .version-control .typescript,.info-wrapper .stack-wrap .version-control .vue{position:absolute;width:auto;height:12vmin}.info-wrapper .stack-wrap .backend,.info-wrapper .stack-wrap .frameworks-wrap,.info-wrapper .stack-wrap .fundamentals-wrap,.info-wrapper .stack-wrap .libraries-wrap{margin-bottom:7.7vmin}.info-wrapper .stack-wrap .frameworks-wrap{margin-top:8vmin}.info-wrapper .stack-wrap .frameworks-wrap .fw{top:-6.5vmin;left:-25vmin;font-size:7vmin}.info-wrapper .stack-wrap .frameworks-wrap .react{left:-11vmin;height:14vmin}.info-wrapper .stack-wrap .frameworks-wrap .vue{left:11vmin;height:13vmin;padding-right:0}.info-wrapper .stack-wrap .libraries-wrap .lib{top:-4.5vmin;left:-10vmin}.info-wrapper .stack-wrap .libraries-wrap .bootstrap{left:-19vmin}.info-wrapper .stack-wrap .libraries-wrap .rbs{height:12vmin}.info-wrapper .stack-wrap .libraries-wrap .sass{height:11vmin;left:21vmin}.info-wrapper .stack-wrap .fundamentals-wrap{height:8vmin}.info-wrapper .stack-wrap .fundamentals-wrap .funds{top:-7.5vmin;left:-39vmin;font-size:7.2vmin}.info-wrapper .stack-wrap .fundamentals-wrap .css,.info-wrapper .stack-wrap .fundamentals-wrap .html,.info-wrapper .stack-wrap .fundamentals-wrap .js,.info-wrapper .stack-wrap .fundamentals-wrap .typescript{height:13vmin}.info-wrapper .stack-wrap .fundamentals-wrap .html{left:-28.5vmin}.info-wrapper .stack-wrap .fundamentals-wrap .css{left:-10vmin}.info-wrapper .stack-wrap .fundamentals-wrap .js{left:10vmin}.info-wrapper .stack-wrap .fundamentals-wrap .typescript{left:30vmin}.info-wrapper .stack-wrap .backend{height:3vmin}.info-wrapper .stack-wrap .backend .be{top:-5.4vmin;left:-16vmin}.info-wrapper .stack-wrap .backend .sql{left:-18vmin;height:12vmin}.info-wrapper .stack-wrap .backend .nodejs{left:18vmin;height:12vmin}.info-wrapper .stack-wrap .backend .aws{left:0;height:12vmin}.info-wrapper .stack-wrap .design-wrap{height:9vmin}.info-wrapper .stack-wrap .design-wrap .design{font-size:4.4vmin;top:1.5vmin;left:-8.7vmin;width:35vw}.info-wrapper .stack-wrap .design-wrap .figma{left:-16vmin;height:12vmin}.info-wrapper .stack-wrap .design-wrap .ai{left:16vmin;height:10vmin}.info-wrapper .stack-wrap .version-control{height:10vmin}.info-wrapper .stack-wrap .version-control .vc{font-size:4.1vmin;top:2vmin;left:-20.5vmin;width:35vw}.info-wrapper .stack-wrap .version-control .github{height:11vmin;left:-27.5vmin}.info-wrapper .stack-wrap .version-control .git{height:11vmin;left:27.5vmin}.info-wrapper .stack-wrap .stack-text{font-size:5vmin;font-family:"Montserrat-SemiBold",sans-serif;font-weight:bolder;opacity:.08;z-index:0;text-transform:uppercase;position:absolute;top:-20px}.logo{transition:all 50ms ease;width:auto;z-index:1;transform:translate(-50%,-50%)}.info-wrapper .stack-wrap .frameworks-wrap .react:hover{height:14.9vmin}.info-wrapper .stack-wrap .frameworks-wrap .vue:hover{height:13.8vmin}.info-wrapper .stack-wrap .libraries-wrap .logo:hover{height:12.5vmin}.info-wrapper .stack-wrap .fundamentals-wrap .logo:hover{height:13.4vmin}.info-wrapper .stack-wrap .backend .logo:hover{height:12.6vmin}.info-wrapper .stack-wrap .libraries-wrap .sass:hover,.info-wrapper .stack-wrap .version-control .git:hover,.info-wrapper .stack-wrap .version-control .github:hover{height:11.5vmin}.info-wrapper .stack-wrap .design-wrap .figma:hover{height:12.8vmin}.info-wrapper .stack-wrap .design-wrap .ai:hover{height:10.5vmin}@media(max-width:1430px){.info-wrapper{height:200vh}.info-wrapper .left-wrap{float:left;width:100%}.info-wrapper .left-wrap .info-wrap{width:70%;font-size:1.5vmin;padding:0 4vw}.info-wrapper .left-wrap .info-wrap .info .info-div .info-content .name{line-height:5vw}.info-wrapper .left-wrap .info-wrap .info .info-div .info-content .name .first{font-size:4vw}.info-wrapper .left-wrap .info-wrap .info .info-div .info-content .name .last{font-size:6.2vw}.info-wrapper .left-wrap .info-wrap .info .info-div .info-content .email{font-size:3vw}.info-wrapper .left-wrap .info-wrap .info .info-div .info-content .email:hover{text-decoration:underline}.info-wrapper .left-wrap .info-wrap .info .info-div .info-content .media{display:flex;flex-direction:row;justify-content:space-between;align-items:left}.info-wrapper .left-wrap .info-wrap .info .info-div .info-content .media .media-link{position:relative;width:5vw;height:5vw}.info-wrapper .left-wrap .info-wrap .desc{font-size:1.8vw;margin-top:4vw}.info-wrapper .stack-wrap{float:left;width:100%}.info-wrapper .stack-wrap .version-control .vc{font-size:4.1vmin;top:25%;left:-21vmin;width:-webkit-max-content;width:max-content}.info-wrapper .stack-wrap .design-wrap .figma{height:10vmin}.info-wrapper .stack-wrap .design-wrap .ai{height:9vmin}.info-wrapper .stack-wrap .design-wrap .figma:hover{height:10.8vmin}.info-wrapper .stack-wrap .design-wrap .ai:hover{height:9.6vmin}.project-link{left:48.5%}.project-link .proj{font-size:3vmin}.logo{height:100%;z-index:1}}@media(max-width:950px){.info-wrapper{display:block;height:100%}.info-wrapper .left-wrap{float:left;height:100vw;width:100%}.info-wrapper .left-wrap .info-wrap{width:87%}.info-wrapper .left-wrap .info-wrap .info .info-div .info-content .name{line-height:6vw}.info-wrapper .left-wrap .info-wrap .info .info-div .info-content .name .first{font-size:5vw}.info-wrapper .left-wrap .info-wrap .info .info-div .info-content .name .last{font-size:7vw}.info-wrapper .left-wrap .info-wrap .info .info-div .info-content .email{font-size:3.6vw}.info-wrapper .left-wrap .info-wrap .info .info-div .info-content .media .media-link{width:6vw;height:6vw}.info-wrapper .left-wrap .info-wrap .desc{font-size:1.2rem}.info-wrapper .stack-wrap{height:100vh}.info-wrapper .project-link{left:89%;position:inherit;bottom:0}}@media(max-width:746px){.experience-page .experience-wrap .showcase-wrap .text .features-wrap{display:block!important}}@media(max-width:530px){.info-wrapper{display:block;height:100%}.info-wrapper .left-wrap{float:left;margin-top:22vmin;height:100%;width:100%}.info-wrapper .left-wrap .info-wrap{width:85%}.info-wrapper .left-wrap .info-wrap .info{display:block}.info-wrapper .left-wrap .info-wrap .info .info-div{height:53vmin;padding:0;margin:7vmin 0}.info-wrapper .left-wrap .info-wrap .info .info-div .info-content .name{line-height:10vw}.info-wrapper .left-wrap .info-wrap .info .info-div .info-content .name .first{font-size:10vw}.info-wrapper .left-wrap .info-wrap .info .info-div .info-content .name .last{font-size:12vw}.info-wrapper .left-wrap .info-wrap .info .info-div .info-content .email{font-size:5.5vw}.info-wrapper .left-wrap .info-wrap .info .info-div .info-content .media .media-link{width:11vw;height:11vw}.info-wrapper .left-wrap .info-wrap .desc{font-size:1.4rem}.info-wrapper .stack-wrap{height:100vw;margin:25vmin 0}.info-wrapper .stack-wrap .stack-text{opacity:.15}.info-wrapper .stack-wrap .frameworks-wrap,.info-wrapper .stack-wrap .fundamentals-wrap,.info-wrapper .stack-wrap .libraries-wrap{padding-bottom:10vmin}.info-wrapper .stack-wrap .frameworks-wrap .fw{font-size:8vmin;top:-10vmin}.info-wrapper .stack-wrap .frameworks-wrap .react{height:19vmin}.info-wrapper .stack-wrap .frameworks-wrap .vue{height:18vmin}.info-wrapper .stack-wrap .libraries-wrap .lib{top:-7vmin;font-size:7vmin}.info-wrapper .stack-wrap .libraries-wrap .bootstrap,.info-wrapper .stack-wrap .libraries-wrap .rbs,.info-wrapper .stack-wrap .libraries-wrap .sass{height:14vmin}.info-wrapper .stack-wrap .fundamentals-wrap{top:1vmin}.info-wrapper .stack-wrap .fundamentals-wrap .funds{top:-10vmin;font-size:8.5vmin}.info-wrapper .stack-wrap .fundamentals-wrap .css,.info-wrapper .stack-wrap .fundamentals-wrap .html,.info-wrapper .stack-wrap .fundamentals-wrap .js,.info-wrapper .stack-wrap .fundamentals-wrap .typescript{top:6vmin;height:17vmin}.info-wrapper .stack-wrap .backend{top:2.5vmin}.info-wrapper .stack-wrap .backend .be{font-size:6vmin;top:-8vmin;left:-17vmin}.info-wrapper .stack-wrap .backend .aws,.info-wrapper .stack-wrap .backend .nodejs,.info-wrapper .stack-wrap .backend .sql{height:16vmin}.info-wrapper .stack-wrap .backend .sql{left:-21vmin}.info-wrapper .stack-wrap .backend .nodejs{left:21vmin}.info-wrapper .stack-wrap .design-wrap{top:4vmin}.info-wrapper .stack-wrap .design-wrap .design{font-size:4.2vmin}.info-wrapper .stack-wrap .design-wrap .ai,.info-wrapper .stack-wrap .design-wrap .figma{height:13vmin}.info-wrapper .stack-wrap .version-control{top:14vmin}.info-wrapper .stack-wrap .version-control .vc{font-size:3.9vmin;left:-20vmin;top:3vmin}.info-wrapper .stack-wrap .version-control .github{height:14vmin;left:-30vmin}.info-wrapper .stack-wrap .version-control .git{height:15vmin;left:30vmin}.info-wrapper .project-link{left:85.4%;position:inherit;bottom:0}.info-wrapper .project-link .arrow{width:4.5vmin}.info-wrapper .project-link .proj{font-size:4.5vmin}}h1,h2{font-family:"Montserrat-SemiBold",sans-serif;font-weight:bolder}h2{text-transform:uppercase;opacity:.65;font-size:2.5rem;margin-bottom:2.25rem}.header-wrap{display:flex;justify-content:center;align-items:center;height:20vmin;background-color:#1a2733;width:100%;margin-top:10vmin}.experience-container{overflow-x:hidden;display:flex;flex-direction:column;align-items:center}.experience-container .experience-wrap{margin:8vmin 5vmin 0}.experience-container .experience-wrap h3{font-size:27px;margin:14vmin 0 8vmin}.experience-container .experience-wrap .showcase-wrap{margin-bottom:10vmin;height:50%;width:80vmin}.experience-container .experience-wrap .showcase-wrap .media-svg{height:3rem;fill:#44b38b;transition:all .15s ease}.experience-container .experience-wrap .showcase-wrap .media-svg:hover{fill:#3fa17d}.experience-container .experience-wrap .showcase-wrap .showcase{overflow:hidden;border-radius:16px;transition:all .4s ease}.experience-container .experience-wrap .showcase-wrap .text{padding:6px 12px 0;width:97%;font-size:1.1rem}.experience-container .experience-wrap .showcase-wrap .text .title-wrap{margin:1vmin 0 2vmin;display:flex;align-items:center;justify-content:space-between}.experience-container .experience-wrap .showcase-wrap .text .desc{text-align:justify;line-height:1.4em;margin:0 0 1.4em}.experience-container .experience-wrap .showcase-wrap .text .features-wrap{display:flex}.experience-container .experience-wrap .showcase-wrap .text .features-wrap .features{margin-right:50px}.experience-container .experience-wrap .showcase-wrap .text ul{list-style:none;padding-left:1.5rem;align-items:center}.experience-container .experience-wrap .showcase-wrap .text ul li:before{content:"●";font-size:.9rem;line-height:2rem;color:#44b38b;margin-right:.8rem}.experience-container .experience-wrap .showcase-wrap .showcase:hover{border-radius:20px}.experience-container .experience-wrap .showcase-wrap .project-footer-wrap{margin:3vmin 0 2vmin;background-color:#f2f5fb;padding:10px 10px 10px 4px;border-radius:15px;display:flex;align-items:center;justify-content:space-between}.experience-container .experience-wrap .showcase-wrap .project-footer-wrap #logo-fr{height:67px;width:auto}.experience-container .experience-wrap .showcase-wrap .project-footer-wrap #logo-pdi{height:70px}.proj-img{width:100%;transition:all .3s ease;transform:scale3d(1.035,1.035,1);transform-origin:center}.proj-img:hover{transform:scale3d(1.02,1.02,1);transition:transform .4s cubic-bezier(.25,.46,.45,.94) 0s}@media(max-width:900px){.experience-container .experience-wrap{padding:10vmin 0}.experience-container .experience-wrap .showcase-wrap{height:60%;width:91vmin}.experience-container .experience-wrap .showcase-wrap .showcase{width:100%}.experience-container .experience-wrap .showcase-wrap .text{padding:.5vmin .4vmin 0 1vmin;width:97%;font-size:2.3vh}.experience-container .experience-wrap .showcase-wrap .text .title-wrap{margin:0}.experience-container .experience-wrap .showcase-wrap .showcase:hover{border-radius:20px}}@media(max-width:550px){.header-wrap{height:-webkit-max-content;height:max-content}.header-wrap h2{font-size:8vmin;text-align:center;padding:25px}.experience-container{height:100%}.experience-container .proj-wrap{height:28vmin}.experience-container .experience-wrap{padding:8vmin 0}.experience-container .experience-wrap .showcase-wrap{height:60%;width:91vmin}.experience-container .experience-wrap .showcase-wrap .showcase{margin-left:-6.5vmin;width:115%;border-radius:0}.experience-container .experience-wrap .showcase-wrap .text{padding:3vmin .4vmin 1vmin;width:97%;font-size:2.3vh}.experience-container .experience-wrap .showcase-wrap .project-footer-wrap{display:flex;flex-direction:column}}.scrabble-game{flex-direction:column;justify-content:center;color:#f1f1f1;height:100vh;background-image:linear-gradient(200deg,#223347,#19212b);font-family:monospace;font-size:30px;text-align:center}.letters-score,.scrabble-game{display:flex;align-items:center}.letters{display:flex;flex-direction:row;text-transform:uppercase;margin:20px 0}.letter{border:2px solid #434957;border-radius:6px;width:17px;height:35px;padding:3px 12px;margin-left:6px}.score{font-size:25px}.tile-wrap{display:flex;justify-content:center;position:relative}.tile-container{min-width:628px;max-width:628px;margin-right:-7px}.tile-div{box-sizing:border-box;display:inline-block;margin:0 7px 7px 0;border-radius:5px;background-color:#363b44;border:1px solid #7f848b}.tile,.tile-div{width:50px;height:50px}input{font-family:monospace;color:#f1f1f1;background-color:#363b44;text-transform:uppercase;padding-left:14px;margin-top:1px;font-size:30px;height:44px;width:30px}input,input:active{border:none}h3{margin:.5em 0 .9em}.tutorial{font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;text-align:justify;background-color:rgba(25,33,43,.8431372549);border-radius:6px;line-height:1.45rem;padding:18px;right:-270px;font-size:large;width:210px}.turn,.tutorial{position:absolute}.turn{right:-235px;bottom:230px;font-size:22px}.word-score{position:absolute;font-size:28px;bottom:15px;right:-80px}.submit{position:absolute;right:-220px;bottom:10px;font-size:17px;width:110px;height:40px}
/*# sourceMappingURL=main.6fbfbdc8.chunk.css.map */