.app{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:space-between}.page-enter{opacity:0;transform:translate(100%)}.page-enter-active{opacity:1;transform:translate(0);transition:opacity .3s,transform .3s,duration 1.5s}.page-exit{opacity:1;transform:translate(0)}.page-exit-active{opacity:0;transform:translate(-100%);transition:opacity .3s,transform .3s,duration 1.5s}.loading{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.area{background:linear-gradient(-45deg,#ffdd83,#d89400,#ff1d1d,#9e0000);background-size:400% 400%;animation:gradient 15s ease infinite;width:100%;height:100vh;position:fixed;z-index:-2}.loader{width:5em;aspect-ratio:1;color:#fdf9ec;background:linear-gradient(45deg,rgba(0,0,0,0) 24%,currentColor 0 76%,rgba(0,0,0,0) 0);position:relative;animation:l23-0 1.5s infinite}.loader:before,.loader:after{content:"";position:absolute;width:50%;height:50%;background:currentColor;transform-origin:top left;clip-path:polygon(-2px 0,0 -1px,100% 100%,-2px 100%);inset:auto auto 0 0;animation:l23-1 1.5s infinite}.loader:after{inset:0 0 auto auto;transform-origin:bottom right;clip-path:polygon(0 0,calc(100% + 2px) 0,calc(100% + 2px) 100%,100% calc(100% + 1px))}@keyframes l23-0{0%,50%{transform:skew(0)}90%,to{transform:skew(-45deg)}}@keyframes l23-1{40%,to{transform:rotate(180deg);box-shadow:0 0 0 3px}}:root{--first-color: #ffffff4d}@media only screen and (min-width: 1024px){.headContainer{margin-top:1em;width:100vw;height:5em;font-family:REM,sans-serif;font-weight:bolder;position:fixed;display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:#24221e;z-index:2}.headContainer__logo{width:125px;margin-top:1.5em}.headContainer__nav{display:flex;flex-direction:row;justify-content:end;align-items:center;height:100%;color:#24221e;gap:1px;margin-right:-1em}.headContainer__nav__home,.headContainer__nav__about,.headContainer__nav__projects,.headContainer__nav__contacts{font-family:REM,sans-serif;width:15em;height:100%;transform:skew(-15deg);display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:var(--first-color);color:var(--second-color)}.headContainer__nav__home__title,.headContainer__nav__about__title,.headContainer__nav__projects__title,.headContainer__nav__contacts__title{transform:skew(15deg)}.headContainer__nav__home:hover,.headContainer__nav__about:hover,.headContainer__nav__projects:hover,.headContainer__nav__contacts:hover{width:16em;height:105%;background:#ffffff4d;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.3);color:var(--first-color);-webkit-box-shadow:0px 10px 13px -7px #000000,5px 5px 15px 5px rgba(0,0,0,0);box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px #0000}}@media only screen and (max-width: 1023px){.headContainer{margin-top:1em;width:100vw;height:3em;font-family:REM,sans-serif;font-weight:bolder;position:fixed;display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:#24221e;z-index:2}.headContainer__logo{width:50px;display:none;margin-top:.25em;margin-bottom:1em}.headContainer__nav{display:flex;flex-direction:row;justify-content:end;align-items:center;height:100%;color:#24221e;gap:1px}.headContainer__nav__home,.headContainer__nav__about,.headContainer__nav__projects,.headContainer__nav__contacts{font-family:REM,sans-serif;font-size:.75em;width:6.5em;height:100%;transform:skew(-15deg);display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--first-color);color:var(--second-color)}.headContainer__nav__home__title,.headContainer__nav__about__title,.headContainer__nav__projects__title,.headContainer__nav__contacts__title{transform:skew(15deg)}.headContainer__nav__home:active,.headContainer__nav__about:active,.headContainer__nav__projects:active,.headContainer__nav__contacts:active{width:6em;height:105%;background:#ffffff4d;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.3);color:var(--first-color);-webkit-box-shadow:0px 10px 13px -7px #000000,5px 5px 15px 5px rgba(0,0,0,0);box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px #0000}}@media only screen and (min-width: 1024px){.bodyHome{width:100vw;z-index:0;height:80vh;padding-top:8em;display:flex;flex-direction:row}.bodyHome__center{padding-left:8em;padding-right:5em;width:80%;display:flex;flex-direction:column;align-items:center}.bodyHome__center__title{margin:1em 0 0;font-size:5em}height:min-content .bodyHome__center__title__waviy{position:relative}.bodyHome__center__title__waviy span{position:relative;display:inline-block;color:var(--colorUI);text-transform:uppercase;animation:flip 12s infinite;animation-delay:calc(.2s * var(--i))}@keyframes flip{0%,80%{transform:rotateY(360deg)}}.bodyHome__center__subtitle{font-size:3em}.bodyHome__center__text{font-size:1.5em;padding-left:1em;padding-right:1em;text-align:justify}.bodyHome__center__cvContainer{display:flex;flex-direction:column;align-items:center}.bodyHome__center__cvContainer__resumeText{font-size:1.25em}.bodyHome__center__cvContainer__DLCV{width:3em;height:3.25em;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:1.5em;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.bodyHome__center__cvContainer__DLCV:hover{width:3em;height:3em;transition-duration:.5s;background:#ffffff4d;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.3);color:#fdf9ec;-webkit-box-shadow:0px 10px 13px -7px #000000,5px 5px 15px 5px rgba(0,0,0,0);box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px #0000;clip-path:none}}@media only screen and (max-width: 1023px){.bodyHome{width:100vw;z-index:0;padding-top:6em;display:flex;flex-direction:row}.bodyHome__center{display:flex;flex-direction:column;align-items:center;height:120vh}.bodyHome__center__title{margin:1em 0 0;font-size:2em}height:min-content .bodyHome__center__title__waviy{position:relative}.bodyHome__center__title__waviy span{position:relative;display:inline-block;color:var(--colorUI);text-transform:uppercase;animation:flip 12s infinite;animation-delay:calc(.2s * var(--i))}@keyframes flip{0%,80%{transform:rotateY(360deg)}}.bodyHome__center__subtitle{font-size:1.5em;padding-left:1.5em;padding-right:1em;text-align:center;margin:0}.bodyHome__center__text{font-size:1.2em;padding-left:1em;padding-right:1em;text-align:justify}.bodyHome__center__cvContainer{display:flex;flex-direction:row;align-items:center;gap:1em}.bodyHome__center__cvContainer__resumeText{font-size:1.25em}.bodyHome__center__cvContainer__DLCV{width:2em;height:2.25em;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:1.5em;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.bodyHome__center__cvContainer__DLCV:hover{width:3em;height:3em;transition-duration:.5s;background:#ffffff4d;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.3);color:#fdf9ec;-webkit-box-shadow:0px 10px 13px -7px #000000,5px 5px 15px 5px rgba(0,0,0,0);box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px #0000;clip-path:none}}@media only screen and (min-width: 1024px){.left{padding-top:8em;width:5em;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:5em}.left__linkedIn{width:3em;height:3.5em;margin-left:2em;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;flex-direction:row;align-items:center;justify-content:center;padding:1em;transition-duration:.5s}.left__linkedIn__icon{width:3em}.left__linkedIn:hover{width:3em;height:3em;transition-duration:.5s;background:#ffffff4d;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.3);color:#fdf9ec;-webkit-box-shadow:0px 10px 13px -7px #000000,5px 5px 15px 5px rgba(0,0,0,0);box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px #0000;clip-path:none}.left__gitHub{width:3em;height:3.5em;margin-left:2em;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;flex-direction:row;align-items:center;justify-content:center;padding:1em;transition-duration:.5s}.left__gitHub__icon{width:3em}.left__gitHub:hover{transition-duration:.5s;width:3em;height:3em;background:#ffffff4d;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.3);color:#fdf9ec;-webkit-box-shadow:0px 10px 13px -7px #000000,5px 5px 15px 5px rgba(0,0,0,0);box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px #0000;clip-path:none}}@media only screen and (max-width: 1023px){.left{z-index:1;display:flex;flex-direction:row;gap:.5em;position:fixed;bottom:5%;right:0%}.left__linkedIn{width:1.5em;height:1.75em;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;flex-direction:row;align-items:center;justify-content:center;padding:1em;transition-duration:.5s}.left__linkedIn__icon{width:1.5em}.left__gitHub{width:1.5em;height:1.75em;margin-right:2em;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;flex-direction:row;align-items:center;justify-content:center;padding:1em;transition-duration:.5s}.left__gitHub__icon{width:1.5em}}@media only screen and (min-width: 1024px){.buttonsShare{position:fixed;z-index:5;display:flex;flex-direction:row;justify-content:right;width:95%;gap:.5em;bottom:5%}}@media only screen and (max-width: 1023px){.buttonsShare{position:fixed;bottom:9%;left:0%;z-index:5;display:flex;flex-direction:row;align-items:end;height:100vh;gap:.05em}}@media only screen and (min-width: 1024px){.bodyAbout{width:100vw;z-index:0;height:80vh;padding-top:8em;display:flex;flex-direction:row}.bodyAbout__center{padding-left:8em;padding-right:5em;display:flex;flex-direction:column;align-items:center;justify-content:center}.bodyAbout__center__subtitle{font-size:3em;margin:.35em 0 0}.bodyAbout__center__text{font-size:1.5em;padding-left:1em;padding-right:1em;text-align:justify}.bodyAbout__center__skillsContainer{width:100%;height:20vh;display:flex;flex-direction:row;gap:.5em;justify-content:space-between}.bodyAbout__center__skillsContainer__category{width:100%;transform:skew(15deg);border:2px solid #fdf9ec;background:#ffffff4d;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.3);-webkit-box-shadow:0px 10px 13px -7px #000000,5px 5px 15px 5px rgba(0,0,0,0);box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px #0000}.bodyAbout__center__skillsContainer__category__name{transform:skew(-15deg);margin:.5em 0 0 1em}.bodyAbout__center__skillsContainer__category__codingLanguages{transform:skew(-15deg);margin:.5em 0 0 1em;font-size:1.15em}.bodyAbout__center__skillsContainer__category__list{transform:skew(-15deg);margin:0 0 0 1em}}@media only screen and (max-width: 1023px){.bodyAbout{width:100vw;z-index:0;padding-top:5em;display:flex;flex-direction:row}.bodyAbout__center{display:flex;flex-direction:column;align-items:center;justify-content:start;padding-bottom:5em}.bodyAbout__center__subtitle{font-size:1.5em;margin:.35em 0 0}.bodyAbout__center__text{font-size:1em;padding-left:1em;padding-right:1em;text-align:justify}.bodyAbout__center__skillsContainer{width:80%;display:flex;flex-direction:column;gap:.5em;justify-content:space-between}.bodyAbout__center__skillsContainer__category{width:100%;height:8em;border:2px solid #fdf9ec;background:#ffffff4d;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.3);-webkit-box-shadow:0px 10px 13px -7px #000000,5px 5px 15px 5px rgba(0,0,0,0);box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px #0000}.bodyAbout__center__skillsContainer__category__name{transform:skew(-15deg);margin:.5em 0 0 .5em;font-size:1.15em}.bodyAbout__center__skillsContainer__category__codingLanguages{transform:skew(-15deg);margin:.5em 0 0 1em;font-size:1em}.bodyAbout__center__skillsContainer__category__list{transform:skew(-15deg);margin:0 0 0 1em}}:root{--colorUI: var(--colorUI)}.popup-arrow{color:transparent}@media only screen and (min-width: 1024px){.bodyProjects{width:100vw;z-index:0;height:80vh;padding-top:8em;display:flex;flex-direction:row}.bodyProjects__projectContainerPopUpA{width:50vw;height:30vh;font-size:1.5em;margin-left:1em;margin-top:3em;background:#ffffff4d;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.3);color:var(--first-color);-webkit-box-shadow:0px 10px 13px -7px #000000,5px 5px 15px 5px rgba(0,0,0,0);box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px #0000;transform:skew(15deg)}.bodyProjects__projectContainerPopUpA__projectTitleA{transform:skew(-15deg);margin-left:1em}.bodyProjects__projectContainerPopUpA__projectTextA{transform:skew(-15deg);text-align:justify;margin:0 1em}.bodyProjects__projectContainerPopUpA__picAndLink{display:flex;flex-direction:row;align-items:start;justify-content:end;height:5em}.bodyProjects__projectContainerPopUpA__picAndLink__gitHub{width:1.5em;height:1.75em;margin-left:2em;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background-repeat:no-repeat;background-position:center;background-size:contain;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:.5em;transition-duration:.5s;transform:skew(-15deg);margin-right:1em}.bodyProjects__projectContainerPopUpA__picAndLink__gitHub__icon{width:1.5em}.bodyProjects__projectContainerPopUpA__picAndLink__gitHub:hover{transition-duration:.5s;width:1.5em;height:1.5em;background:#ffffff4d;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.3);color:#fdf9ec;-webkit-box-shadow:0px 10px 13px -7px #000000,5px 5px 15px 5px rgba(0,0,0,0);box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px #0000;clip-path:none}.bodyProjects__projectContainerPopUpB{width:50vw;height:30vh;font-size:1.5em;margin-left:1em;margin-top:3em;background:#ffffff4d;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.3);color:var(--first-color);-webkit-box-shadow:0px 10px 13px -7px #000000,5px 5px 15px 5px rgba(0,0,0,0);box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px #0000}.bodyProjects__projectContainerPopUpB__projectTitleB{margin-left:1em}.bodyProjects__projectContainerPopUpB__projectTextB{text-align:justify;margin-left:1em;margin-right:1em}.bodyProjects__projectContainerPopUpB__picAndLink{display:flex;flex-direction:row;align-items:start;justify-content:end;height:5em}.bodyProjects__projectContainerPopUpB__picAndLink__gitHub{width:1.5em;height:1.75em;margin-left:2em;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background-repeat:no-repeat;background-position:center;background-size:contain;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:.5em;transition-duration:.5s;margin-right:1em}.bodyProjects__projectContainerPopUpB__picAndLink__gitHub__icon{width:1.5em}.bodyProjects__projectContainerPopUpB__picAndLink__gitHub:hover{transition-duration:.5s;width:1.5em;height:1.5em;background:#ffffff4d;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.3);color:#fdf9ec;-webkit-box-shadow:0px 10px 13px -7px #000000,5px 5px 15px 5px rgba(0,0,0,0);box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px #0000;clip-path:none}.bodyProjects__projectContainerPopUpC{width:50vw;height:30vh;font-size:1.5em;margin-left:1em;margin-top:3em;background:#ffffff4d;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.3);color:var(--first-color);-webkit-box-shadow:0px 10px 13px -7px #000000,5px 5px 15px 5px rgba(0,0,0,0);box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px #0000;transform:skew(-15deg)}.bodyProjects__projectContainerPopUpC__projectTitleC{transform:skew(15deg);margin-left:1em}.bodyProjects__projectContainerPopUpC__projectTextC{transform:skew(15deg);text-align:justify;margin-left:1em;margin-right:1em}.bodyProjects__projectContainerPopUpC__picAndLink{display:flex;flex-direction:row;align-items:start;justify-content:end;height:5em}.bodyProjects__projectContainerPopUpC__picAndLink__gitHub{width:1.5em;height:1.75em;margin-left:2em;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background-repeat:no-repeat;background-position:center;background-size:contain;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:.5em;transition-duration:.5s;transform:skew(15deg);margin-right:1em}.bodyProjects__projectContainerPopUpC__picAndLink__gitHub__icon{width:1.5em}.bodyProjects__projectContainerPopUpC__picAndLink__gitHub:hover{transition-duration:.5s;width:1.5em;height:1.5em;background:#ffffff4d;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.3);color:#fdf9ec;-webkit-box-shadow:0px 10px 13px -7px #000000,5px 5px 15px 5px rgba(0,0,0,0);box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px #0000;clip-path:none}.bodyProjects__center{width:100%;display:flex;flex-direction:column;align-items:center}.bodyProjects__center__subtitle{font-size:3em;margin-bottom:1em}.bodyProjects__center__hexagons{width:100%;display:flex;flex-direction:row;justify-content:space-evenly}.bodyProjects__center__hexagons__containers{display:flex;flex-direction:column;align-items:center}.bodyProjects__center__hexagons__containers__project{width:15em;height:13em;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);display:flex;flex-direction:row;justify-content:center;align-items:center}.bodyProjects__center__hexagons__containers__project__bis{width:14em;height:12em;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);display:flex;flex-direction:row;justify-content:center;align-items:center}.bodyProjects__center__hexagons__containers__project__bis__image{width:145%;height:105%;transition-duration:1s}.bodyProjects__center__hexagons__containers__project__bis__image:hover{opacity:60%;transition-duration:1s;width:155%;height:115%}}@media only screen and (max-width: 1023px){.bodyProjects{width:100vw;height:80vh;z-index:0;padding-top:4em;display:flex;flex-direction:column;align-items:center;justify-content:center}.bodyProjects__projectContainerPopUpA{width:100vw;position:fixed;left:0%;font-size:1em;background:#ffffff4d;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.3);color:var(--first-color);-webkit-box-shadow:0px 10px 13px -7px #000000,5px 5px 15px 5px rgba(0,0,0,0);box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px #0000}.bodyProjects__projectContainerPopUpA__projectTitleA{margin-left:1em;color:#24221e}.bodyProjects__projectContainerPopUpA__projectTextA{text-align:justify;margin:0 1em;color:#24221e}.bodyProjects__projectContainerPopUpA__picAndLink{display:flex;flex-direction:row;align-items:start;justify-content:end;height:5em}.bodyProjects__projectContainerPopUpA__picAndLink__gitHub{width:1.5em;height:1.75em;margin-left:2em;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background-repeat:no-repeat;background-position:center;background-size:contain;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:.5em;transition-duration:.5s;margin-right:1em}.bodyProjects__projectContainerPopUpA__picAndLink__gitHub__icon{width:1.5em}.bodyProjects__projectContainerPopUpA__picAndLink__gitHub:hover{transition-duration:.5s;width:1.5em;height:1.5em;background:#ffffff4d;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.3);color:#fdf9ec;-webkit-box-shadow:0px 10px 13px -7px #000000,5px 5px 15px 5px rgba(0,0,0,0);box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px #0000;clip-path:none}.bodyProjects__projectContainerPopUpB{width:100vw;position:fixed;left:0%;font-size:1em;background:#ffffff4d;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.3);color:var(--first-color);-webkit-box-shadow:0px 10px 13px -7px #000000,5px 5px 15px 5px rgba(0,0,0,0);box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px #0000}.bodyProjects__projectContainerPopUpB__projectTitleB{margin-left:1em;color:#24221e}.bodyProjects__projectContainerPopUpB__projectTextB{text-align:justify;margin-left:1em;margin-right:1em;color:#24221e}.bodyProjects__projectContainerPopUpB__picAndLink{display:flex;flex-direction:row;align-items:start;justify-content:end;height:5em}.bodyProjects__projectContainerPopUpB__picAndLink__gitHub{width:1.5em;height:1.75em;margin-left:2em;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background-repeat:no-repeat;background-position:center;background-size:contain;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:.5em;transition-duration:.5s;margin-right:1em}.bodyProjects__projectContainerPopUpB__picAndLink__gitHub__icon{width:1.5em}.bodyProjects__projectContainerPopUpB__picAndLink__gitHub:hover{transition-duration:.5s;width:1.5em;height:1.5em;background:#ffffff4d;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.3);color:#fdf9ec;-webkit-box-shadow:0px 10px 13px -7px #000000,5px 5px 15px 5px rgba(0,0,0,0);box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px #0000;clip-path:none}.bodyProjects__projectContainerPopUpC{width:100vw;position:fixed;left:0%;font-size:1em;background:#ffffff4d;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.3);color:var(--first-color);-webkit-box-shadow:0px 10px 13px -7px #000000,5px 5px 15px 5px rgba(0,0,0,0);box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px #0000}.bodyProjects__projectContainerPopUpC__projectTitleC{margin-left:1em;color:#24221e}.bodyProjects__projectContainerPopUpC__projectTextC{text-align:justify;margin:0 1em;color:#24221e}.bodyProjects__projectContainerPopUpC__picAndLink{display:flex;flex-direction:row;align-items:start;justify-content:end;height:5em}.bodyProjects__projectContainerPopUpC__picAndLink__gitHub{width:1.5em;height:1.75em;margin-left:2em;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background-repeat:no-repeat;background-position:center;background-size:contain;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:.5em;transition-duration:.5s;margin-right:1em}.bodyProjects__projectContainerPopUpC__picAndLink__gitHub__icon{width:1.5em}.bodyProjects__projectContainerPopUpC__picAndLink__gitHub:hover{transition-duration:.5s;width:1.5em;height:1.5em;background:#ffffff4d;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.3);color:#fdf9ec;-webkit-box-shadow:0px 10px 13px -7px #000000,5px 5px 15px 5px rgba(0,0,0,0);box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px #0000;clip-path:none}.bodyProjects__center{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-bottom:2em}.bodyProjects__center__subtitle{font-size:1.75em}.bodyProjects__center__hexagons{width:100%;height:70vh;display:flex;flex-direction:column;justify-content:space-evenly;position:fixed;bottom:12%;margin-top:2em}.bodyProjects__center__hexagons__containers{display:flex;flex-direction:row;align-self:center;justify-content:center}.bodyProjects__center__hexagons__containers__names{display:none}.bodyProjects__center__hexagons__containers__project{width:10em;height:8em;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);display:flex;flex-direction:row;justify-content:center;align-items:center}.bodyProjects__center__hexagons__containers__project__bis{width:9em;height:7em;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);display:flex;flex-direction:row;justify-content:center;align-items:center}.bodyProjects__center__hexagons__containers__project__bis__image{width:145%;height:105%;transition-duration:1s}.bodyProjects__center__hexagons__containers__project__bis__image:hover{opacity:60%;transition-duration:1s;width:155%;height:115%}}:root{--colorUI: var(--colorUI);--colorUIAlter: var(var(--colorUIAlter))}@media only screen and (min-width: 1024px){.bodyContacts{width:100vw;z-index:0;height:80vh;padding-top:8em;display:flex;flex-direction:row;gap:30em}.bodyContacts__section{align-self:center;display:flex;flex-direction:column;justify-content:center;align-items:center;width:60rem;margin-top:2em;overflow:hidden;min-height:37rem;transform:skew(-15deg);background:#ffffff4d;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.3);color:#fdf9ec;-webkit-box-shadow:0px 10px 13px -7px #000000,5px 5px 15px 5px rgba(0,0,0,0);box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px #0000}.bodyContacts__section__titles{transform:skew(15deg);display:flex;flex-direction:column;padding-left:2em;padding-top:1em;margin:0}.bodyContacts__section__titles__mainTitle{margin:0;font-size:2em}.bodyContacts__section__titles__subTitle{margin:0}.bodyContacts__section__form{padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;transform:skew(15deg)}.bodyContacts__section__form__formGroup{display:flex;flex-direction:row;align-items:center;transform:skew(-15deg);gap:.3rem}.bodyContacts__section__form__formGroup__label,.bodyContacts__section__form__formGroup__email{text-transform:capitalize;font-size:1.5em;transform:skew(15deg);margin-right:.5em}.bodyContacts__section__form__formGroup__nameRef,.bodyContacts__section__form__formGroup__emailRef{border:2px solid colorUIAlter;padding:1em;width:25em;font-size:1em}.bodyContacts__section__form__formGroup__nameRef::placeholder,.bodyContacts__section__form__formGroup__emailRef::placeholder{transform:skew(15deg);padding-left:.5em}.bodyContacts__section__form__formGroup__messageRef{width:40em;height:20em;font-size:1.15em}.bodyContacts__section__form__formGroup__messageRef::placeholder{transform:skew(-15deg);padding-left:.5em}.bodyContacts__section__form__btn{width:8em;background-color:#24221e;padding:1.3rem;font-family:inherit;border:none;margin-top:.3rem;font-size:.9em}}@media only screen and (max-width: 1023px){.bodyContacts{width:100%;z-index:0;height:60%;padding-top:8em;display:flex;flex-direction:row;justify-content:center;align-items:center}.bodyContacts__section{display:flex;flex-direction:column;justify-content:center;align-items:center;width:90%;overflow:hidden;min-height:37rem;background:#ffffff4d;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.3);color:#fdf9ec;-webkit-box-shadow:0px 10px 13px -7px #000000,5px 5px 15px 5px rgba(0,0,0,0);box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px #0000}.bodyContacts__section__titles{display:flex;flex-direction:column;padding-left:2em;margin:0}.bodyContacts__section__titles__mainTitle{margin:0;font-size:1.5em}.bodyContacts__section__titles__subTitle{margin:0;font-size:1.25em}.bodyContacts__section__form{padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:.5rem}.bodyContacts__section__form__formGroup{display:flex;flex-direction:row;align-items:center;gap:.3rem}.bodyContacts__section__form__formGroup__label,.bodyContacts__section__form__formGroup__email{text-transform:capitalize;font-size:1em;margin-right:.5em}.bodyContacts__section__form__formGroup__nameRef,.bodyContacts__section__form__formGroup__emailRef{border:2px solid colorUIAlter;padding:.5em;width:15em;font-size:1em}.bodyContacts__section__form__formGroup__nameRef::placeholder,.bodyContacts__section__form__formGroup__emailRef::placeholder{padding-left:.5em}.bodyContacts__section__form__formGroup__messageRef{width:22em;height:10em;font-size:1.15em}.bodyContacts__section__form__formGroup__messageRef::placeholder{padding-left:.5em}.bodyContacts__section__form__btn{width:8em;background-color:#24221e;padding:1.3rem;font-family:inherit;border:none;margin-top:.3rem;font-size:.9em}}@media only screen and (min-width: 1024px){.footContainer{margin-bottom:.5em;width:100vw;height:3em;z-index:0;display:flex;flex-direction:row;align-items:center}.footContainer__options{height:100%;display:flex;flex-direction:row;align-items:center;gap:1px}.footContainer__options__languages{background-color:#fdf9ec;width:5em;height:100%;transform:skew(15deg);margin-left:-1em;display:flex;flex-direction:row;justify-content:center;align-items:center;transition-duration:.5s}.footContainer__options__languages__flag{width:25px;transform:skew(-15deg);margin-left:.5em;border:2px solid #24221e;border-radius:5em}.footContainer__options__languages:hover{width:7em;transition-duration:.5s;background:#ffffff4d;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.3);color:#fdf9ec;-webkit-box-shadow:0px 10px 13px -7px #000000,5px 5px 15px 5px rgba(0,0,0,0);box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px #0000}.footContainer__options__darkMode{background-color:#fdf9ec;width:9em;height:100%;transform:skew(15deg);transition-duration:.5;display:flex;flex-direction:row;justify-content:center;align-items:center}.footContainer__options__darkMode__switch{width:50px;height:50px}.footContainer__options__darkMode:hover{width:10em;transition-duration:.5s;background:#ffffff4d;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.3);color:#fdf9ec;-webkit-box-shadow:0px 10px 13px -7px #000000,5px 5px 15px 5px rgba(0,0,0,0);box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px #0000}.footContainer__copyright{position:fixed;left:40%}}@media only screen and (max-width: 1023px){.footContainer{margin-bottom:.5em;width:100vw;height:2.5em;z-index:0;display:flex;flex-direction:row;align-items:center;position:fixed;bottom:3%}.footContainer__options{height:80%;display:flex;flex-direction:row;align-items:center;gap:1px}.footContainer__options__languages{background-color:#fdf9ec;width:4em;height:100%;transform:skew(15deg);margin-left:-1em;display:flex;flex-direction:row;justify-content:center;align-items:center;transition-duration:.5s}.footContainer__options__languages__flag{width:20px;transform:skew(-15deg);margin-left:.5em;border:2px solid #24221e;border-radius:5em}.footContainer__options__languages:hover{width:4em;transition-duration:.5s;background:#ffffff4d;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.3);color:#fdf9ec;-webkit-box-shadow:0px 10px 13px -7px #000000,5px 5px 15px 5px rgba(0,0,0,0);box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px #0000}.footContainer__options__darkMode{background-color:#fdf9ec;width:8em;height:100%;transform:skew(15deg);transition-duration:.5;display:flex;flex-direction:row;justify-content:center;align-items:center}.footContainer__options__darkMode__switch{width:2em;height:2em}.footContainer__options__darkMode:hover{width:8em;transition-duration:.5s;background:#ffffff4d;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.3);color:#fdf9ec;-webkit-box-shadow:0px 10px 13px -7px #000000,5px 5px 15px 5px rgba(0,0,0,0);box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px #0000}.footContainer__copyright{position:fixed;font-size:.75em;bottom:0%;width:100vw;display:flex;flex-direction:row;justify-content:center}}@media only screen and (min-width: 1024px){.buttons{display:flex;flex-direction:row;align-items:center;gap:3px}.buttons__buttonLight{background-color:#fdf9ec;transform:skew(-15deg);display:flex;flex-direction:row;align-items:center;justify-content:center}.buttons__buttonLight__sunIcon{width:1.25em}.buttons__buttonDark{transform:skew(-15deg);background-color:#fdf9ec;display:flex;flex-direction:row;align-items:center;justify-content:center}.buttons__buttonDark__moonIcon{width:1.25em}}@media only screen and (max-width: 1023px){.buttons{display:flex;flex-direction:row;align-items:center;gap:3px}.buttons__buttonLight{background-color:#fdf9ec;transform:skew(-15deg);height:2em;display:flex;flex-direction:row;align-items:center;justify-content:center}.buttons__buttonLight__sunIcon{width:1em}.buttons__buttonDark{transform:skew(-15deg);background-color:#fdf9ec;height:2em;display:flex;flex-direction:row;align-items:center;justify-content:center}.buttons__buttonDark__moonIcon{width:1em}}#root{width:100vw;height:100vh;display:flex;flex-direction:column}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:transparent;animation:animate 25s linear infinite;bottom:-150px}.circles li:nth-child(1){left:25%;width:50px;height:50px;animation-delay:0s;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0,0,256,256'%20width='50px'%20height='50px'%3e%3cg%20fill='%23ffffff'%20fill-rule='nonzero'%20stroke='none'%20stroke-width='1'%20stroke-linecap='butt'%20stroke-linejoin='miter'%20stroke-miterlimit='10'%20stroke-dasharray=''%20stroke-dashoffset='0'%20font-family='none'%20font-weight='none'%20font-size='none'%20text-anchor='none'%20style='mix-blend-mode:%20normal'%3e%3cg%20transform='scale(5.12,5.12)'%3e%3cpath%20d='M45.274,2.325c-0.19,-0.207%20-0.457,-0.325%20-0.738,-0.325h-39.072c-0.281,0%20-0.548,0.118%20-0.738,0.325c-0.19,0.207%20-0.283,0.485%20-0.258,0.764l3.52,39.427c0.037,0.412%200.324,0.759%200.722,0.873l16.01,4.573c0.089,0.025%200.182,0.038%200.274,0.038c0.092,0%200.185,-0.013%200.274,-0.038l16.024,-4.573c0.398,-0.114%200.685,-0.461%200.722,-0.873l3.518,-39.427c0.025,-0.279%20-0.069,-0.557%20-0.258,-0.764zM12,29.004l7,1.942v-19.946h4v26l-11,-3.051zM38.054,22l-1.054,12.25l-10,2.75v-4.601l6.75,-1.855l0.25,-3.75l-7,1.206v-17h12l-0.345,4h-7.655v8z'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e")}.circles li:nth-child(2){left:10%;width:40px;height:40px;animation-delay:2s;animation-duration:12s;background-image:url("data:image/svg+xml,%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Transformed%20by:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20fill='%23ffffff'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='64px'%20height='64px'%20viewBox='0%200%20512%20512'%20enable-background='new%200%200%20512%20512'%20xml:space='preserve'%20stroke='%23ffffff'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'/%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3cg%20id='5151e0c8492e5103c096af88a51f17e3'%3e%3cpath%20display='inline'%20d='M482.585,147.869v216.113c0,14.025-7.546,27.084-19.672,34.143L275.665,506.241%20c-5.989,3.474-12.782,5.259-19.719,5.259c-6.838,0-13.649-1.785-19.639-5.259l-62.521-36.99c-9.326-5.207-4.775-7.059-1.692-8.128%20c12.454-4.322,14.973-5.318,28.268-12.863c1.387-0.793,3.216-0.483,4.647,0.343l48.031,28.519c1.741,0.981,4.2,0.981,5.801,0%20l187.263-108.086c1.744-0.996,2.862-2.983,2.862-5.053V147.869c0-2.117-1.118-4.094-2.906-5.163L258.874,34.716%20c-1.726-1.01-4.03-1.01-5.768,0L65.962,142.736c-1.818,1.04-2.965,3.079-2.965,5.133v216.113c0,2.069,1.146,4.009,2.954,4.99%20l51.299,29.654c27.829,13.903,44.875-2.485,44.875-18.956V166.309c0-3.017,2.423-5.396,5.439-5.396h23.747%20c2.969,0,5.429,2.378,5.429,5.396v213.362c0,37.146-20.236,58.454-55.452,58.454c-10.816,0-19.347,0-43.138-11.713l-49.098-28.287%20c-12.133-6.995-19.638-20.117-19.638-34.143V147.869c0-14.043,7.505-27.15,19.638-34.135L236.308,5.526%20c11.85-6.701,27.608-6.701,39.357,0l187.248,108.208C475.039,120.748,482.585,133.826,482.585,147.869z%20M321.171,343.367%20c-55.88,0-68.175-14.048-72.294-41.836c-0.477-2.966-3.018-5.175-6.063-5.175h-27.306c-3.382,0-6.096,2.703-6.096,6.104%20c0,35.56,19.354,77.971,111.759,77.971c66.906,0,105.269-26.339,105.269-72.343c0-45.623-30.827-57.76-95.709-66.35%20c-65.579-8.678-72.243-13.147-72.243-28.508c0-12.661,5.643-29.581,54.216-29.581c43.374,0,59.365,9.349,65.94,38.576%20c0.579,2.755,3.083,4.765,5.923,4.765h27.409c1.7,0,3.315-0.73,4.47-1.943c1.158-1.28,1.773-2.947,1.611-4.695%20c-4.241-50.377-37.713-73.844-105.354-73.844c-60.209,0-96.118,25.414-96.118,68.002c0,46.217,35.729,59,93.5,64.702%20c69.138,6.782,74.504,16.883,74.504,30.488C384.589,333.299,365.655,343.367,321.171,343.367z'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-size:contain}.circles li:nth-child(3){left:70%;width:40px;height:40px;animation-delay:4s;background-image:url(../../assets/postgresql-svgrepo-com.svg);background-size:contain}.circles li:nth-child(4){left:40%;width:64px;height:64px;animation-delay:0s;animation-duration:18s;background-image:url(/assets/react-svgrepo-com-4skl5OV0.svg)}.circles li:nth-child(5){left:65%;width:40px;height:40px;animation-delay:0s;background-image:url("data:image/svg+xml,%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Transformed%20by:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='64px'%20height='64px'%20viewBox='0%200%2020%2020'%20xmlns='http://www.w3.org/2000/svg'%20fill='%23ffffff'%20stroke='%23ffffff'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'/%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3crect%20x='0'%20fill='none'%20width='20'%20height='20'/%3e%3cg%3e%3cpath%20d='M4%2016v-2H2v2H1v-5h1v2h2v-2h1v5H4zM7%2016v-4H5.6v-1h3.7v1H8v4H7zM10%2016v-5h1l1.4%203.4h.1L14%2011h1v5h-1v-3.1h-.1l-1.1%202.5h-.6l-1.1-2.5H11V16h-1zM19%2016h-3v-5h1v4h2v1zM9.4%204.2L7.1%206.5l2.3%202.3-.6%201.2-3.5-3.5L8.8%203l.6%201.2zm1.2%204.6l2.3-2.3-2.3-2.3.6-1.2%203.5%203.5-3.5%203.5-.6-1.2z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-size:contain}.circles li:nth-child(6){left:75%;width:100px;height:100px;animation-delay:3s;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0,0,256,256'%20width='100px'%20height='100px'%3e%3cg%20fill='%23ffffff'%20fill-rule='nonzero'%20stroke='none'%20stroke-width='1'%20stroke-linecap='butt'%20stroke-linejoin='miter'%20stroke-miterlimit='10'%20stroke-dasharray=''%20stroke-dashoffset='0'%20font-family='none'%20font-weight='none'%20font-size='none'%20text-anchor='none'%20style='mix-blend-mode:%20normal'%3e%3cg%20transform='scale(5.12,5.12)'%3e%3cpath%20d='M45.274,2.325c-0.19,-0.207%20-0.457,-0.325%20-0.738,-0.325h-39.072c-0.281,0%20-0.548,0.118%20-0.738,0.325c-0.19,0.207%20-0.283,0.485%20-0.258,0.764l3.52,39.427c0.037,0.412%200.324,0.759%200.722,0.873l16.01,4.573c0.089,0.025%200.182,0.038%200.274,0.038c0.092,0%200.185,-0.013%200.274,-0.038l16.024,-4.573c0.398,-0.114%200.685,-0.461%200.722,-0.873l3.518,-39.427c0.025,-0.279%20-0.069,-0.557%20-0.258,-0.764zM12,29.004l7,1.942v-19.946h4v26l-11,-3.051zM38.054,22l-1.054,12.25l-10,2.75v-4.601l6.75,-1.855l0.25,-3.75l-7,1.206v-17h12l-0.345,4h-7.655v8z'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e")}.circles li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0,0,256,256'%20width='100px'%20height='100px'%3e%3cg%20fill='%23ffffff'%20fill-rule='nonzero'%20stroke='none'%20stroke-width='1'%20stroke-linecap='butt'%20stroke-linejoin='miter'%20stroke-miterlimit='10'%20stroke-dasharray=''%20stroke-dashoffset='0'%20font-family='none'%20font-weight='none'%20font-size='none'%20text-anchor='none'%20style='mix-blend-mode:%20normal'%3e%3cg%20transform='scale(5.12,5.12)'%3e%3cpath%20d='M45.274,2.325c-0.19,-0.207%20-0.457,-0.325%20-0.738,-0.325h-39.072c-0.281,0%20-0.548,0.118%20-0.738,0.325c-0.19,0.207%20-0.283,0.485%20-0.258,0.764l3.52,39.427c0.037,0.412%200.324,0.759%200.722,0.873l16.01,4.573c0.089,0.025%200.182,0.038%200.274,0.038c0.092,0%200.185,-0.013%200.274,-0.038l16.024,-4.573c0.398,-0.114%200.685,-0.461%200.722,-0.873l3.518,-39.427c0.025,-0.279%20-0.069,-0.557%20-0.258,-0.764zM12,29.004l7,1.942v-19.946h4v26l-11,-3.051zM38.054,22l-1.054,12.25l-10,2.75v-4.601l6.75,-1.855l0.25,-3.75l-7,1.206v-17h12l-0.345,4h-7.655v8z'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain}.circles li:nth-child(8){left:50%;width:64px;height:64px;animation-delay:15s;animation-duration:45s;background-image:url("data:image/svg+xml,%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Transformed%20by:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20fill='%23ffffff'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='64px'%20height='64px'%20viewBox='0%200%20512%20512'%20enable-background='new%200%200%20512%20512'%20xml:space='preserve'%20stroke='%23ffffff'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'/%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3cg%20id='c133de6af664cd4f011a55de6b001a2b'%3e%3cpath%20display='inline'%20d='M204.064,46.682v22.018h-56.302V0.501h56.302v24.13h-32.172v22.051H204.064z%20M261.941,24.631h22.492%20V0.501h-56.308c0,0,0,12.112,0,24.13c7.533,7.533,11.461,11.139,22.356,22.034c-6.369,0-22.356,0.022-22.356,0.021v22.014h56.308%20V46.682L261.941,24.631z%20M341.746,24.631h22.49V0.501H307.93c0,0,0,12.112,0,24.13c7.531,7.533,11.461,11.139,22.355,22.034%20c-6.365,0-22.355,0.022-22.355,0.021v22.014h56.307V46.682L341.746,24.631z%20M438.395,101.112l-34.203,370.486l-148.193,39.9%20l-148.196-39.9L73.605,101.112H438.395z%20M369.477,176.444H255.865h-115.62l5.529,44.739h110.091h6.184l-6.184,2.574%20l-106.067,44.177l3.518,43.73l102.549,0.333l54.963,0.175l-3.521,58.311l-51.442,14.484v-0.046l-0.422,0.116l-49.684-12.542%20l-3.015-36.195h-0.164h-46.085h-0.162l6.032,69.876l93.5,27.649v-0.05l0.168,0.05l93-27.146L361.1,267.935H255.865h-0.26%20l0.26-0.112l109.086-46.639L369.477,176.444z'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e")}.circles li:nth-child(9){left:20%;width:30px;height:30px;animation-delay:2s;animation-duration:35s;background-image:url("data:image/svg+xml,%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Transformed%20by:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20fill='%23ffffff'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='64px'%20height='64px'%20viewBox='0%200%20512%20512'%20enable-background='new%200%200%20512%20512'%20xml:space='preserve'%20stroke='%23ffffff'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'/%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3cg%20id='c133de6af664cd4f011a55de6b001a2b'%3e%3cpath%20display='inline'%20d='M204.064,46.682v22.018h-56.302V0.501h56.302v24.13h-32.172v22.051H204.064z%20M261.941,24.631h22.492%20V0.501h-56.308c0,0,0,12.112,0,24.13c7.533,7.533,11.461,11.139,22.356,22.034c-6.369,0-22.356,0.022-22.356,0.021v22.014h56.308%20V46.682L261.941,24.631z%20M341.746,24.631h22.49V0.501H307.93c0,0,0,12.112,0,24.13c7.531,7.533,11.461,11.139,22.355,22.034%20c-6.365,0-22.355,0.022-22.355,0.021v22.014h56.307V46.682L341.746,24.631z%20M438.395,101.112l-34.203,370.486l-148.193,39.9%20l-148.196-39.9L73.605,101.112H438.395z%20M369.477,176.444H255.865h-115.62l5.529,44.739h110.091h6.184l-6.184,2.574%20l-106.067,44.177l3.518,43.73l102.549,0.333l54.963,0.175l-3.521,58.311l-51.442,14.484v-0.046l-0.422,0.116l-49.684-12.542%20l-3.015-36.195h-0.164h-46.085h-0.162l6.032,69.876l93.5,27.649v-0.05l0.168,0.05l93-27.146L361.1,267.935H255.865h-0.26%20l0.26-0.112l109.086-46.639L369.477,176.444z'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-size:contain}.circles li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s;background-image:url(/assets/react-svgrepo-com-4skl5OV0.svg);background-repeat:no-repeat;background-size:contain}@keyframes animate{0%{transform:translateY(0) rotate(0);opacity:.5;border-radius:0}to{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:25%}}:root{font-family:REM,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}