*{overflow-x:clip;word-wrap:break-word}ul{padding:0}body{display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSys\%temFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-overflow-style:none}code{font-family:Arial,Helvetica,sans-serif}@font-face{font-family:poppins;font-style:normal;font-weight:400;src:local("Poppins"),url(https://fonts.cdnfonts.com/s/16009/Poppins-Regular.woff) format("woff")}@font-face{font-family:poppins;font-style:italic;font-weight:400;src:local("Poppins"),url(https://fonts.cdnfonts.com/s/16009/Poppins-Italic.woff) format("woff")}@font-face{font-family:poppins;font-style:normal;font-weight:250;src:local("Poppins"),url(https://fonts.cdnfonts.com/s/16009/Poppins-Thin.woff) format("woff")}@font-face{font-family:poppins;font-style:italic;font-weight:250;src:local("Poppins"),url(https://fonts.cdnfonts.com/s/16009/Poppins-ThinItalic.woff) format("woff")}@font-face{font-family:poppins;font-style:normal;font-weight:275;src:local("Poppins"),url(https://fonts.cdnfonts.com/s/16009/Poppins-ExtraLight.woff) format("woff")}@font-face{font-family:poppins;font-style:italic;font-weight:275;src:local("Poppins"),url(https://fonts.cdnfonts.com/s/16009/Poppins-ExtraLightItalic.woff) format("woff")}@font-face{font-family:poppins;font-style:normal;font-weight:300;src:local("Poppins"),url(https://fonts.cdnfonts.com/s/16009/Poppins-Light.woff) format("woff")}@font-face{font-family:poppins;font-style:italic;font-weight:300;src:local("Poppins"),url(https://fonts.cdnfonts.com/s/16009/Poppins-LightItalic.woff) format("woff")}@font-face{font-family:poppins;font-style:normal;font-weight:500;src:local("Poppins"),url(https://fonts.cdnfonts.com/s/16009/Poppins-Medium.woff) format("woff")}@font-face{font-family:poppins;font-style:italic;font-weight:500;src:local("Poppins"),url(https://fonts.cdnfonts.com/s/16009/Poppins-MediumItalic.woff) format("woff")}@font-face{font-family:poppins;font-style:normal;font-weight:600;src:local("Poppins"),url(https://fonts.cdnfonts.com/s/16009/Poppins-SemiBold.woff) format("woff")}@font-face{font-family:poppins;font-style:italic;font-weight:600;src:local("Poppins"),url(https://fonts.cdnfonts.com/s/16009/Poppins-SemiBoldItalic.woff) format("woff")}@font-face{font-family:poppins;font-style:normal;font-weight:700;src:local("Poppins"),url(https://fonts.cdnfonts.com/s/16009/Poppins-Bold.woff) format("woff")}@font-face{font-family:poppins;font-style:italic;font-weight:700;src:local("Poppins"),url(https://fonts.cdnfonts.com/s/16009/Poppins-BoldItalic.woff) format("woff")}@font-face{font-family:poppins;font-style:normal;font-weight:800;src:local("Poppins"),url(https://fonts.cdnfonts.com/s/16009/Poppins-ExtraBold.woff) format("woff")}@font-face{font-family:poppins;font-style:italic;font-weight:800;src:local("Poppins"),url(https://fonts.cdnfonts.com/s/16009/Poppins-ExtraBoldItalic.woff) format("woff")}@font-face{font-family:poppins;font-style:normal;font-weight:900;src:local("Poppins"),url(https://fonts.cdnfonts.com/s/16009/Poppins-Black.woff) format("woff")}@font-face{font-family:poppins;font-style:italic;font-weight:900;src:local("Poppins"),url(https://fonts.cdnfonts.com/s/16009/Poppins-BlackItalic.woff) format("woff")}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.headText{text-align:center;margin:60px;padding:20px;font-family:Arial,sans-serif;font-weight:700}div{max-width:100vw;overflow:hidden}@media (max-width:600px){.headText{display:flex;align-content:stretch;text-align:center;flex-direction:column;flex-wrap:nowrap;justify-content:space-around;align-items:center}#contact,#projects,#skils{margin-left:0;margin-right:0}}@media (max-width:370){h2,h3,h5,p{font-size:smaller}.headText{font-size:12px}}body{padding:0;font-family:Poppins,sans-serif}ul{margin:0}.container{max-width:1920px;margin:22px auto;padding:0 10px;display:flex;align-items:center;align-content:center;height:70px;width:80%;justify-content:space-between;border:3px solid navy;background-color:rgba(95,95,94,.3058823529411765);border-radius:4px}.navbar{margin:0;width:100%;position:inherit;text-align:center;background-color:#4bffa5}.menu-icon{display:none}.nav-elements a{animation:slidein 10s linear}.nav-elements a:hover{color:#4bffa5;box-shadow:-2px -2px #574c4c;list-style-type:none}.nav-elements ul{display:flex;justify-content:space-between;list-style-type:none;text-align:center}.nav-elements ul li:not(:last-child){margin-right:60px}.nav-elements ul a{font-size:16px;font-weight:600;color:navy;text-decoration:none}.nav-elements ul a.active{color:#574c4c;font-weight:500;position:relative}.nav-elements ul a.active:after{content:"";position:relative;bottom:-1px;left:0;width:100%;height:2px}@media (max-width:600px){.container{justify-content:flex-start;width:100%;margin:0 auto;background-color:hsla(0,0%,62%,.5686274509803921)}.nav-elements ul li:not(:last-child){margin-right:30px}.menu-icon{display:block;cursor:pointer}.nav-elements.active{height:230px}.nav-elements{position:absolute;right:.5px;top:.5px;background-color:rgba(95,95,94,.3058823529411765);width:0;height:calc(100vh - 60px);transition:all .3s ease-in;overflow:hidden;border:3px solid navy}.nav-elements.false{border:none}.nav-elements.active{width:270px;height:250px;background-color:hsla(0,0%,62%,.5686274509803921)}.nav-elements ul{display:flex;flex-direction:column;align-items:flex-start;margin-top:60px;margin-left:20px}.nav-elements ul li{margin-right:unset;margin-top:20px}div.hamburger-react{color:navy}}body{margin:0}.toggle-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:space-around;justify-content:space-around;align-items:stretch}.toggle-wrapper img[src]{width:100%;border-radius:20px}.toggle-wrapper img:hover{border-radius:20px 0;cursor:pointer}@media (min-width:1400px){.toggle-wrapper img[src]{border-radius:50%}}@media (max-width:1000px){.toggle-wrapper img[src]{border-radius:0}}@media (max-width:600px){.toggle-wrapper{flex-wrap:wrap;display:flex;flex-direction:column;align-content:center;cursor:pointer}}.about{display:flex;align-content:center;align-items:center;background-color:#4bffa5;max-width:100%;padding:50px 120px 70px}.about p{margin-top:40px;text-align:justify;text-justify:inter-word;font-size:16px}.about span{font-family:Arial,Helvetica,sans-serif;font-weight:bolder;font-size:larger;margin:0}.aboutContainer{display:flex;flex-wrap:nowrap;align-content:center;justify-content:space-between}.aboutText{display:flex;flex-direction:column;align-content:space-evenly;justify-content:center;max-width:70%;padding:0 20px}.aboutText h3{margin:0;font-weight:400}.aboutText h1,.aboutText h3{text-align:left;font-family:poppins,sans-serif;color:navy}.aboutText h1{margin:10px 0;font-size:50px;text-shadow:-6px 6px 0 #fff}.aboutText p{font-family:poppins,sans-serif;margin:10px 0;color:navy;font-weight:300}.avatar{width:100%;padding:0 20px;height:auto;object-fit:cover;border-radius:2px}.aboutButtons{display:flex;flex-wrap:wrap;justify-content:center;margin-top:50px;flex-direction:row;align-content:center;align-items:center}.click{margin-left:45vw;font-size:40px;position:absolute}.blink{font-size:16px;animation:blinker 1s linear infinite;color:navy;font-family:sans-serif}@keyframes blinker{70%{opacity:0}}@media (max-width:900px){#first{margin-top:50px}.about{padding:10px 10px 20px}.aboutContainer{margin-top:10px;display:flex;flex-wrap:wrap;align-items:center;flex-direction:column-reverse;align-content:center;justify-content:flex-start}article{display:flex;flex-direction:column}.aboutText{max-width:80%;padding-left:10px;font-size:smaller}.button{overflow:inherit;width:95%}.aboutButtons{margin:50px auto 2px;display:flex;align-items:stretch;max-width:95%;flex-wrap:wrap;align-content:space-around;justify-content:center}.avatar{max-width:80%;text-align:center;padding:0}.click{margin:100px 80px auto 390px;font-size:40px}}@media (max-width:500px){.about span{font-size:45px}}header{display:inline-grid}.markBoth{position:relative;display:block;width:100vw;height:50px;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden}.mark{position:absolute;display:block;margin:auto;overflow:hidden;background:none}.mark,.mark span{white-space:nowrap;min-width:100vw;height:100vh}.mark span{display:inline-block;padding-left:100%;font-family:Arial,Helvetica,sans-serif;text-align:center;-webkit-text-stroke:2px #4bffa5;color:#fff;line-height:70px;font-size:30px;animation:mark 10s linear infinite;z-index:99}@keyframes mark{0%{transform:translate(0)}to{transform:translate(-100%)}}#skills{background-color:#fff;background-size:cover}.skills__list{max-width:550px;width:95%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center}ul.skills__list{padding:0}.skills__list-item{margin:.5em}.skills__list-item:hover{transform:translateY(-7px);box-shadow:5px 0 14px rgba(33,33,33,.2);font-weight:600}#hard:hover{background-color:#7fffd4}#soft:hover{color:navy}.infin{margin:80px 0 60px}@media (max-width:900px){#skills{align-items:center;align-content:center;flex-direction:column}#skills,.skills__list{margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center}.skills__list{max-width:380px;width:100%;padding:0}}.containerF{box-sizing:border-box;max-width:600px;margin:0 auto;padding:0 25px;display:flex;align-items:center;align-content:center;height:100%;width:100%;justify-content:center;border:3px solid navy;background-color:rgba(95,95,94,.3058823529411765);border-radius:4px}@media (max-width:300px){.containerF{max-width:200px}}button,input,label,select,textarea{margin:0;border:0;padding:0;display:inline-block;vertical-align:middle;white-space:normal;background:none;line-height:1}input,textarea:focus{outline:0;line-height:normal}.form_container{flex-wrap:nowrap;align-items:center;max-width:300px;min-width:0}.contact_form,.form_container{display:flex;flex-direction:column;width:100%}.contact_form{margin:25px 0;box-sizing:border-box;font-family:Poppins,sans-serif}.form_title{color:navy;margin-top:30px}.form_label{margin:5px;width:100%;box-sizing:border-box}#text_input{display:flex;flex-direction:column;font-family:Poppins,sans-serif;color:#122293}input::placeholder,textarea::placeholder{font-family:Poppins,sans-serif;color:navy}.submit{display:flex;flex-direction:column;align-content:center;padding:8px 0}.form_error{color:#b00020;text-align:center}[type=email],input[type=text],textarea{background:none;border:none;border-bottom:2px solid #122293;color:#6f76ad;font-size:1em;font-weight:400;letter-spacing:1px;margin:0 0 1.875em;padding:0 0 .875em;width:100%;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;transition:all .3s}#spamCircle{overflow-x:hidden}.circle{position:relative;display:flex;justify-content:center;align-items:center;width:310px;height:310px;margin:60px}.circle,.logo{border-radius:50%}.logo{position:absolute;width:235px;height:235px;background-image:url(/static/media/squaregif.b04d83ab.gif);background-size:cover;background-position:50%}@keyframes rotateText{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}.text{width:100%;height:100%;font-family:arial;animation:rotateText 10s linear infinite;overflow-x:hidden}.text,.text span{position:absolute;color:navy}.text span{left:50%;font-size:22px;transform-origin:0 155px;z-index:99}@media (max-width:600px){#scrollingCircle{width:clamp(180px,58vw,220px);height:clamp(180px,58vw,220px);margin:0 auto}#scrollingCircle .logo{width:72%;height:72%}#scrollingCircle .text span{font-size:clamp(14px,4vw,17px);transform-origin:0 clamp(90px,29vw,110px)}}.contact{display:flex;align-content:flex-start;justify-content:space-evenly;align-items:flex-start;max-width:100%;padding:50px 100px 60px;flex-wrap:wrap;flex-direction:row}.contact a{text-align:center}.contact a:hover{font-style:bold;text-decoration:none;color:#7fffd4}.contactText{max-width:100%;padding:10px;text-align:center;margin:auto 10px}.contactForm{max-width:35vw;padding:20px}.contactList,.rows{display:flex}.rows{width:35%;padding-right:10px;flex-direction:column;flex-wrap:wrap;align-items:center}.rows h6{color:grey}#more,.rows h3{color:navy;text-shadow:1px 2px #7fffd4;margin-bottom:20px}#more{text-transform:uppercase}.contactLinks{display:flex;flex-direction:column;max-width:100%;text-align:center;flex-wrap:wrap;align-content:center;justify-content:space-evenly;align-items:center;text-decoration:none;font-size:16px}.contactLinks h1{margin-top:0}#submit{font-weight:600}.cv{display:flex;flex-direction:column;text-align:center;width:260px;align-items:center;font-weight:300px}.gifImage{margin-left:50px;width:auto;height:200px;padding:0 70px}.download{display:flex;flex-direction:column;width:35%;align-items:center;flex-wrap:nowrap;align-content:center;justify-content:flex-start;margin-top:-39px}#buttonCv{size:400px;color:navy;margin-left:0;background-color:#fff;border:2px solid #7fffd4}@media (max-width:900px){.rows{display:flex;width:85%;padding:10px 0 0;flex-direction:column;flex-wrap:wrap;align-items:center;margin:0 0 30px}.contactForm{width:100%;max-width:600px;padding:0;box-sizing:border-box}.download{margin-top:20px;margin-bottom:40px;width:100%}#buttonCv{margin-top:10%;margin-left:0;size:500px}}@media (max-width:600px){.contact{display:flex;justify-content:center;align-items:center;max-width:100%;padding:10px 10px 20px;align-content:space-around;flex-direction:column-reverse;flex-wrap:wrap}.contactLinks{text-align:center;width:100%}.contactLinks a{text-align:center;overflow:visible}.contactForm{width:85%;max-width:600px;padding:0;box-sizing:border-box}.rows{display:flex;max-width:85%;flex-direction:column;flex-wrap:wrap;align-items:center}.contactText{max-width:100%;padding:2px;text-align:center;margin:20px auto 1px}.download{grid-gap:12px;gap:12px;margin:16px auto 24px;width:100%}#buttonCv{margin-top:0}.cv a{width:100%;display:flex;flex-direction:row;text-align:center;align-items:center;font-weight:300px}}.project{padding:2em;margin:0 auto;text-align:center;box-shadow:var(--shadow);transition:transform .2s linear}.project:hover{transform:translateY(-7px);box-shadow:0 0 11px rgba(33,33,33,.2)}.project img{width:90px}.project__deprecated{display:block;color:red;font-weight:600}.project__description{margin-top:1em}.project__stack{display:flex;flex-wrap:wrap;justify-content:center;margin:1.2em 0}.project__stack-item{margin:.9em;font-weight:500;font-size:.8rem;color:var(--clr-fg-alt)}.link link--icon{size:20em}.project .link--icon{color:navy;padding:4px;margin:6px;font-size:large}.project .link--icon:hover{margin-left:.5em;color:#4bffa5;zoom:200%}.project--deprecated .link--icon,.project--deprecated .link--icon:hover,.project--deprecated .project__description,.project--deprecated .project__stack-item,.project--deprecated h3{color:#aaa}.project--deprecated img{filter:grayscale(100%);opacity:.65}.project--deprecated .project__deprecated{color:red}.project--deprecated .link--icon[aria-label="source code"]{color:navy}.project--deprecated .link--icon[aria-label="source code"]:hover{color:#4bffa5}.projects__grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(18em,1fr));grid-gap:2em}#projects{background-color:#fff;background-size:cover}.projects__grid h3{color:navy}@media (max-width:900px){#projects{margin-right:0}}.scroll-top{position:fixed;bottom:4em;right:2em;background-color:#4bffa5;padding:10px;border-radius:100%}@media (max-width:900px){.scroll-top{display:none}}.footerContainer{display:flex;flex-direction:column;justify-content:center;height:40px;width:100%;background-color:#4bffa5;text-align:right}.footer{color:navy;font-family:Arial,Helvetica,sans-serif;align-items:center;text-align:right;font-size:xx-small;margin-right:60px;margin-top:10px}.footer:hover{color:rgba(0,0,128,.361)}@media (max-width:600px){.footerContainer{flex-direction:row;height:40px;width:100%;background-color:#4bffa5;text-align:center;align-content:space-around;justify-content:center;align-items:center}.footer{color:navy;font-family:Arial,Helvetica,sans-serif;align-items:center;text-align:right;margin-top:10px;font-size:xx-small}}
/*# sourceMappingURL=main.6b37dbfb.chunk.css.map */