@font-face{font-family:SCP-r;src:url(/static/media/SourceCodePro-Regular.70cc7ff2.ttf)}*{font-family:SCP-r}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:azure;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#header{transition:.2s ease-in-out;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:0 3.5em;font-size:1.25em;-webkit-filter:invert(100);filter:invert(100);background:hsla(0,0%,100%,.75)}#header,#header .marca{font-weight:700}#header .alink-parent{margin:1em 1.25em;text-align:center;text-decoration:none}#header .alink{text-decoration:none;color:#000;font-size:.9em}#header .alink:hover{cursor:pointer}#header #header-menu,#header #header-menu .logoNav{display:-webkit-flex;display:flex}#header #header-menu .logoNav{-webkit-align-items:center;align-items:center;grid-gap:1.2em;gap:1.2em;margin-left:1em}#header #header-menu .logoNav .icon{height:24px}#header #header-menu .logoNav .icon:hover{cursor:pointer}#header .menu{display:none;-webkit-align-items:center;align-items:center;margin-right:1em}#header .menu img{height:32px}#header .menu img:hover{transition:.2s ease-in-out;opacity:1;cursor:pointer}@media screen and (max-width:580px),screen and (orientation:portrait){#header{-webkit-flex-direction:column;flex-direction:column;-webkit-filter:invert(100);filter:invert(100);background:hsla(0,0%,100%,.75);padding:0;font-weight:700}#header .marca{margin-left:1em}#header #header-menu{display:none;-webkit-flex-direction:column;flex-direction:column;text-align:center;margin-right:0;width:100vw}#header #header-menu .logoNav{-webkit-justify-content:center;justify-content:center;width:100%;margin-bottom:1.5em;margin-left:0;grid-gap:0;gap:0}#header #header-menu .logoNav .icon{height:32px;padding:.5em .75em}#header #header-menu p{margin:0;padding:0}#header .menu{display:inline;margin-right:1.5em}#header .alink-parent{margin:0;padding:1.6em;transition:.15s ease-in-out}#header .alink-parent:hover{transition:.15s ease-in-out;font-weight:700;background:rgba(0,0,0,.3)}}#canva{width:100vw;height:100vh;display:block;top:0;left:0;z-index:-2000;margin:0}#allcontact{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding:3em 0;background:rgba(0,0,0,.8);color:#fff;text-align:center}#contact{display:grid;grid-template-columns:repeat(auto-fit,32rem);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100vw;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:1em}#contact .icons{width:2.2em;height:2.2em;padding:.2em;margin-top:.5em;-webkit-filter:invert(100%);filter:invert(100%);opacity:.75}#contact .icons:hover{transition:.2s;opacity:1}#contact a{padding:1em}@media screen and (max-width:580px),screen and (orientation:portrait){#contact{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;font-size:14px}#contact div{padding-bottom:1em}#contact .icons{opacity:1}#allcontact{font-size:14px}}@font-face{font-family:myName;src:url(/static/media/Mitr-Medium.f801a291.ttf)}@font-face{font-family:sectionTitle;src:url(/static/media/Mitr-Medium.f801a291.ttf)}button{transition:.2s ease-in-out;background-color:#dfb430;opacity:.75;border:none;border-radius:10px;color:azure;font-weight:700;padding:clamp(.75em,.8em,1em) clamp(.75em,1em,2em);text-align:center;display:inline-block;outline:none}button h4{font-size:clamp(12px,1.3vw,16px);margin:0}button:hover{transition:.2s ease-in-out;opacity:1;cursor:pointer}button:active{transition:.1s;opacity:.75}.intro{display:-webkit-flex;display:flex;width:100vw;height:85vh;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding-bottom:5vh;text-align:center}.intro h1{font-size:clamp(16px,2.5vw,30px)}.intro h1 span{font-size:clamp(50px,9vw,110px);font-family:myName;color:#305bdf}.intro p{font-size:clamp(14px,2vw,24px)}#about{width:100vw;background:rgba(0,38,56,.45);color:#fff;padding:5em 0;font-size:clamp(13px,1.4vw,16px)}#about,#about .aboutme{display:-webkit-flex;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}#about .aboutme{-webkit-flex-direction:column;flex-direction:column;width:40vw;padding:1em}#about .aboutme h1{font-family:sectionTitle;font-size:3.2em;text-align:center;margin:0}#about .aboutme p{text-align:center;padding:1em 2em}#about .about-profile{margin-left:4em;width:clamp(250px,25%,320px)}#about .about-profile img{border-radius:100em;background:hsla(0,0%,100%,.75)}.portfo{width:100vw;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center;font-size:clamp(13px,1.4vw,16px);padding:2em 1em}.portfo,.portfo .portfo-box{display:-webkit-flex;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.portfo .portfo-box{width:95%;-webkit-justify-content:space-between;justify-content:space-between;background:rgba(79,123,255,.1)}.portfo .portfo-box .arrow{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:20%}.portfo .portfo-box .arrow img{height:48px;opacity:.5}.portfo .portfo-box .arrow img:hover{transition:.2s ease-in-out;opacity:1;cursor:pointer}.portfo .portfo-box .arrow img:active{transition:.1s;opacity:.7}.portfo .portfo-box .portfo-content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;padding:3em 0}.portfo .portfo-box .portfo-content h1{font-family:sectionTitle;font-size:2.25em;margin:0}.portfo .portfo-box .portfo-content a{margin-top:2em}.portfo .portfo-box .portfo-content .projects{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:75vw;height:70%}.portfo .portfo-box .portfo-content .projects .project-view{display:-webkit-flex;display:flex;height:auto;-webkit-justify-content:center;justify-content:center}.portfo .portfo-box .portfo-content .projects .project-view img{width:clamp(250px,25vw,300px)}.portfo .portfo-box .portfo-content .projects .content{width:60%;text-align:center;padding-left:1em;font-size:clamp(14px,2vw,24px)}.portfo .portfo-box .portfo-content .projects .content p{padding:0 1em;font-size:clamp(14px,1.5vw,20px)}@media screen and (max-width:580px),screen and (orientation:portrait){.intro{padding-bottom:10vh}#about{-webkit-flex-direction:column-reverse;flex-direction:column-reverse;padding:3em 0}#about,#about .aboutme{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}#about .aboutme{width:80vw}#about .aboutme p{padding:1em}#about .about-profile{margin:0;width:50%}.portfo{height:100vh}.portfo .portfo-box{height:100%}.portfo .portfo-box .arrow img{height:32px}.portfo .portfo-box .portfo-content{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:2em 0;width:100vw}.portfo .portfo-box .portfo-content h1{margin-bottom:0}.portfo .portfo-box .portfo-content .projects{-webkit-flex-direction:column;flex-direction:column;height:100%;width:60vw}.portfo .portfo-box .portfo-content .projects .project-view{margin:1em}.portfo .portfo-box .portfo-content .projects .project-view img{width:100%}.portfo .portfo-box .portfo-content .projects .content{margin-top:1em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0}.portfo .portfo-box .portfo-content a{margin:1em 0}}.about{-webkit-flex-direction:column;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background:rgba(0,38,56,.4);color:#fff;padding:2em 4em;font-size:clamp(13px,1.4vw,16px)}.about,.about .about-box{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.about .about-box{padding:0 3em}.about .about-box .profile{float:left;padding-top:2em}.about .about-box .profile img{width:auto;border-radius:50%;float:left;-webkit-shape-outside:circle();shape-outside:circle();margin-right:5em;margin-bottom:1.5em}.about .about-box .profile h1{font-family:sectionTitle;text-align:start;font-size:3em;margin-bottom:0}.about .about-box .profile p{text-align:justify;font-size:clamp(14px,1.5vw,16px)}.my-skills{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.my-skills,.my-skills .skills{display:-webkit-flex;display:flex}.my-skills .skills{-webkit-flex-direction:column;flex-direction:column;height:90%;width:90vw;text-align:center;padding:0 1em 1em}.my-skills .skills .grid-parent{display:grid;grid-template-columns:repeat(auto-fit,7rem);grid-gap:2rem;gap:2rem;margin:2em 2em 1em}.my-skills .skills .grid-parent,.my-skills .skills .grid-parent .grid-child{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.my-skills .skills .grid-parent .grid-child{display:-webkit-flex;display:flex;margin-bottom:2em}.my-skills .skills .grid-parent .grid-child .logo{height:5em;width:5em;border-radius:100%;background:#000;opacity:.75}.my-skills .skills .grid-parent .grid-child .logo .skillName{text-align:center;opacity:0;margin-top:.5em}.my-skills .skills .grid-parent .grid-child .logo:hover{transition:.2s ease-in-out;opacity:1;cursor:pointer}.my-skills .skills .grid-parent .grid-child .logo:hover .skillName{transition:.25s ease-in-out;opacity:1}.my-skills .skills h1{font-family:sectionTitle;font-size:2.2em}.offtopic{background:rgba(255,79,123,.5);margin:2em}.offtopic h1{font-family:sectionTitle;font-size:clamp(2.2em,5vw,3em);text-align:center;margin-top:0;margin-bottom:0;padding-top:1em;color:#fff}.offtopic .grid-offtopic{display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:center;justify-content:center;grid-gap:2em;gap:2em;padding:3em}.offtopic .grid-offtopic .flip-box{-webkit-perspective:1000px;perspective:1000px;width:200px;height:200px;width:clamp(100px,18vw,150px);height:clamp(100px,18vw,150px)}.offtopic .grid-offtopic .flip-box .flip-box-inner{position:relative;width:100%;height:100%;text-align:center;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.offtopic .grid-offtopic .flip-box .flip-box-inner .flip-box-back,.offtopic .grid-offtopic .flip-box .flip-box-inner .flip-box-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:10%}.offtopic .grid-offtopic .flip-box .flip-box-inner .flip-box-front{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:15%;background:#fff}.offtopic .grid-offtopic .flip-box .flip-box-inner .flip-box-back{background:rgba(0,0,0,.5);color:#fff;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);display:-webkit-flex;display:flex;padding:10%;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-size:clamp(10px,1vw,16px)}.offtopic .grid-offtopic .flip-box .flip-box-inner .flip-box-back img{position:absolute;width:80%;z-index:-10}.offtopic .grid-offtopic .flip-box:hover .flip-box-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);cursor:pointer}@media screen and (max-width:580px),screen and (orientation:portrait){.about,.about .about-box{-webkit-flex-direction:column;flex-direction:column}.about .about-box{padding:0;width:100%}.about .about-box .profile{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;margin-top:1em;padding-top:0}.about .about-box .profile img{margin:0;width:100%}.about .about-box .profile h1{margin-top:.5em}.about .about-box .profile p{text-align:center;padding:1em 1em 0;margin-bottom:0}.my-skills .skills{padding:1em;width:80vw}.my-skills .skills .grid-parent{margin:2em 1em 1em;grid-template-columns:repeat(auto-fit,6rem);grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;grid-row-gap:1.5rem;row-gap:1.5rem}.my-skills .skills .grid-parent .grid-child .logo{width:5em;height:5em}.offtopic{margin:1em}.offtopic h1{padding-right:1em;padding-left:1em}.offtopic .grid-offtopic{grid-gap:2em;gap:2em;padding:2em 1.5em 3em}}.main{position:relative;width:100vw;height:100vh}.b-scroll{position:fixed;-webkit-align-self:right;align-self:right;right:3em;bottom:3em;padding:.5em;border-radius:20%}.b-scroll img{width:2.5em;height:2.5em}.b-scroll:hover{transition:.1s ease-in-out;-webkit-filter:invert(75%);filter:invert(75%);padding:.3em;cursor:pointer}.b-scroll:hover img{transition:.1s ease-in-out;width:3em;height:3em}#loader{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;left:0;height:100vh;width:100vw;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background:#000;z-index:10000;opacity:1}#loader img{width:25vw}#loader h1{color:#fff;font-size:2.5vw;margin:0}@media screen and (max-width:580px),screen and (orientation:portrait){.b-scroll{right:2em;bottom:2em}.b-scroll img{height:2em;width:2em}#loader h1{font-size:5vw}}
/*# sourceMappingURL=main.cca7fa65.chunk.css.map */