:root{--dark:rgb(16,7,38);--purple:#1b0c3d;--clear:rgb(226,223,208);--grey:rgb(82,76,66);--yellow:rgb(255,205,53);--orange:rgb(249,115,0);--cherry:#c63a1e;--lila:#333978}html{scroll-behavior:smooth}@keyframes backColorer{0%{background:linear-gradient( 184deg,rgba(27,12,61,1) 25%,rgba(51,57,120) 60% )}30%{background:linear-gradient( 184deg,rgba(27,12,61,1) 25%,rgba(51,57,120) 60% )}40%{background:linear-gradient( 184deg,var(--lila) 25%,rgba(51,57,120,0.819) 70%,var(--dark) 90% )}70%{background:linear-gradient( 184deg,var(--lila) 25%,rgba(51,57,120,0.766) 70%,var(--dark) 90% )}78%{background:linear-gradient(184deg,var(--purple) 85%,var(--dark) 98%)}100%{background:linear-gradient(184deg,var(--purple) 85%,var(--dark) 90%)}}body{margin:0;border:0;overflow-x:hidden;animation:backColorer linear;animation-timeline:scroll()}.wrapper{font-family:Raleway;display:grid;grid-template-areas:"aside social social social" "aside about about about" "aside works works works" "aside skills skills skills" "aside contact contact contact" "footer footer footer footer"}.social{border:none;height:5vw;grid-area:social;position:sticky;color:white;top:0;z-index:110;background-color:rgba(247,247,247,0);display:flex;justify-content:end;animation:takedowner,colorer linear;animation-timeline:scroll()}.confirmation-message{color:var(--orange);font-size:1.5vw;z-index:1000}.bi-at{font-size:5vw}@keyframes takedowner{85%{top:0;justify-content:end;scale:1;width:85vw;left:0vw}96%{top:30vh;justify-content:center;scale:1.5;width:50vw}98%{top:30vh;justify-content:center;scale:2.5;width:50vw}100%{top:30vh;justify-content:center;scale:2.5;width:40vw;left:35vw}}.social i{padding:0;margin-inline:1.5vw;cursor:pointer;transition:all 0.3s ease-in-out;border-radius:5px}@keyframes rotater{from{transform:rotateY(90deg)}to{transform:rotateY(0deg)}}@keyframes increaser{from{opacity:0.1;transform:skewY(60deg)}to{opacity:1;transform:skewY(0deg)}}.animationStop{animation-play-state:paused}.about{grid-area:about;position:relative;height:100vh;display:flex;align-items:center;justify-content:right;z-index:10;color:wheat;background:linear-gradient(90deg,var(--purple) 90%,var(--dark) 97%);background-color:var(--purple)}@keyframes entry{from{scale:0.2;transform:rotate(90deg);opacity:0.5;filter:saturate(0.8)}to{scale:1;transform:rotate(0deg);opacity:1;filter:saturate(1.1)}}.myPhoto{width:30vw;height:30vw;position:absolute;z-index:-1;left:45vw;top:20vh;border:dotted 5px var(--clear);border-radius:50%;background:radial-gradient( circle,var(--cherry),var(--purple),var(--orange) );animation:entry 0.5s ease-out forwards}.about h1{font-size:8vw;animation:rotater 1s ease-in-out}.about h1 strong{color:var(--orange)}.about p{font-size:4vw;margin-left:1vw;animation:rotater 1s ease-in-out forwards;color:var(--orange)}.about p strong{color:var(--clear)}.works{grid-area:works;padding:1vw;padding-top:4vw;height:100vh;overflow:auto;background:linear-gradient(90deg,var(--lila) 90%,#1b0c3d1c 97%)}.works h2{color:var(--clear);margin-top:1vw}.works h4{font-size:3vw;font-weight:400;margin:0;color:aliceblue}.gridWorks{display:grid;grid-template-columns:1fr;grid-auto-rows:minmax( 100px,auto );row-gap:8vw;overflow:hidden}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}.gridWorks section{position:relative;height:19vh;background-color:#1b0c3d44;border-radius:5%;overflow:hidden;display:flex;flex-direction:row;align-items:center;justify-content:center;color:peachpuff;opacity:0;transition:opacity 0.5s ease-out,transform 0.5s ease-out;transition:all 0.2s ease-in-out}.gridWorks section.in-view{animation:slideInFromRight 0.5s forwards}.gridWorks section span{color:var(--clear);position:absolute;font-size:3.5vw;width:25vw;top:2vw;left:58vw}.gridWorks section .express-js{width:2.7vw;border:solid 1px;border-radius:5%}.gridWorks section .django img{width:2vw;border:solid 0.5px}.gridWorks section .typeScript{width:4.2vw;border-radius:5%;filter:invert()}.flexContainer{position:absolute;display:flex;justify-content:space-around;align-items:center;transition:all 0.5s ease-out}.flexContainer details{font-size:2vw;transition:all 0.5s ease-out;padding-left:1vw;width:20vw}.flexContainer p{font-size:2vw;width:25vw}.videoWork{width:100%;height:auto;cursor:pointer}.imageDiv{width:50vw}.skills{grid-area:skills;overflow:auto;height:60vh;background:linear-gradient(90deg,var(--purple) 90%,var(--dark) 97%);color:var(--clear)}.skills h2{margin-top:6vw;margin-left:2vw}.skillsSub{padding:2vw;margin:0;font-size:3.5vw}.skills section{display:flex;align-items:center;justify-content:center;position:relative;padding-right:2vw}.CV{font-size:3vw;right:2vw;top:0;margin-right:8vw}.CV h5{margin:0}.CV a{font-size:2vw;margin:0}.certificationImg{width:30vw;height:auto;border-radius:5%;z-index:100}.certifP{font-size:2vw;height:10vh;width:5vw;margin-left:1vw}.certifPesp{margin-top:-5vh}.certificationImg:hover{transform:scale(2);border-radius:5%;margin-left:2vw}.gridWorks section:hover{transform:scale(1.2)}.skills::-webkit-scrollbar{width:1vw}.skills::-webkit-scrollbar-thumb{background:var(--purple);border-radius:5px;border:1px solid var(--lila)}.stack{margin-inline:2vw;margin-top:6vw;padding:2vw;position:relative;text-align:center;border-radius:15px;background:radial-gradient( circle,var(--cherry),var(--clear),var(--purple),var(--orange) );animation:spinBackground 5s linear infinite;background-size:300% 300%;z-index:1}.stack::before{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;background-color:var(--lila);border-radius:inherit;z-index:-1}@keyframes spinBackground{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes shake{0%,100%{transform:rotate(0deg)}10%,30%,50%,70%,90%{transform:rotate(-5deg)}20%,40%,60%,80%{transform:rotate(5deg)}}.stack h4{margin-bottom:1vw;margin-top:0;font-size:3vw;z-index:2}.stack:hover .stackHead{color:transparent;background:inherit;background-clip:text;-webkit-background-clip:text}.stack:hover .fa-html5{animation:shake 0.5s ease-in-out;filter:brightness(2)}.stack:hover .fa-css3-alt{animation:shake 0.5s ease-in-out;animation-delay:0.1s}.stack:hover .fa-bootstrap{animation:shake 0.5s ease-in-out;animation-delay:0.2s}.stack:hover .fa-js{animation:shake 0.5s ease-in-out;animation-delay:0.3s}.stack:hover .typeScript{animation:shake 0.5s ease-in-out;animation-delay:0.3s}.stack:hover .fa-react{animation:shake 0.5s ease-in-out;animation-delay:0.5s}.stack:hover .fa-python{animation:shake 0.5s ease-in-out;animation-delay:0.6s}.stack:hover .fa-node{animation:shake 0.5s ease-in-out;animation-delay:0.7s}.stack:hover .express-js{animation:shake 0.5s ease-in-out;animation-delay:0.8s}.stack:hover .django{animation:shake 0.5s ease-in-out;animation-delay:0.9s}.stack:hover .mongoDB{animation:shake 0.5s ease-in-out;animation-delay:1s}.stack:hover .mySQL{animation:shake 0.5s ease-in-out;animation-delay:1.1s}.stack h4,.stack section{position:relative;z-index:2}.stack section{display:grid;grid-template-columns:repeat(4,auto);font-size:8vw;column-gap:10vw;row-gap:1vw}.stack .django{width:fit-content}.stack .django img,.stack .typeScript img,.stackIcons .mySQL img{width:9vw;height:auto}.stackIcons .mongoDB img{width:7vw;height:auto}.stackIcons .mongoDB img,.stackIcons .typeScript img,.stackIcons .mySQL img{filter:invert(100%)}.stack .express-js img{width:8vw}.stackIcons .mySQL::after{content:"MySQL";display:block;font-size:0.8vw;text-align:center;margin-top:-1vw;font-weight:bolder}.stackIcons .mongoDB::after{content:"MongoDB";display:block;font-size:0.8vw;text-align:center;margin-top:-1vw;font-weight:bolder}.stackIcons .fa-html5::after{content:"HTML5";display:block;font-size:0.8vw;text-align:center}.stackIcons .fa-css3-alt::after{content:"CSS3";display:block;font-size:0.8vw;text-align:center}.stackIcons .fa-bootstrap::after{content:"Bootstrap";display:block;font-size:0.8vw;text-align:center}.stackIcons .fa-js::after{content:"JavaScript";display:block;font-size:0.8vw;text-align:center}.stackIcons .typeScript::after{content:"TYPESCRIPT";display:block;font-size:0.8vw;text-align:center;font-weight:bolder;margin-top:-1vw}.stackIcons .fa-react::after{content:"React";display:block;font-size:0.8vw;text-align:center}.stackIcons .fa-python::after{content:"Python";display:block;font-size:0.8vw;text-align:center}.stackIcons .fa-node::after{content:"Node.js";display:block;font-size:0.8vw;text-align:center}.stackIcons .express-js::after{content:"EXPRESS.JS";display:block;font-size:0.8vw;text-align:center;margin-top:-1vw;font-weight:bolder}.stackIcons .django::after{content:"DJANGO";display:block;font-size:0.8vw;text-align:center;margin-top:-1vw;font-weight:bolder}section i,section img{display:inline-block;text-align:center;vertical-align:top}.contact{background-color:var(--dark);grid-area:contact;height:40vh;color:white;padding:2vw}.contact p{margin-top:2vw}.contact section{font-size:15vw;height:5vh}footer{grid-area:footer;background-color:black;height:60vh;position:relative;text-align:center;font-size:4vw;font-family:Raleway;color:var(--clear)}footer span{font-size:2vw}.showReportBtn{font-family:Raleway;font-size:4vw;border:none;border-radius:10px;background-color:var(--clear);color:var(--purple);z-index:9999;cursor:pointer;transition:all 0.25s ease}#reportOverlay{position:fixed;top:0;left:0;text-align:center;width:100%;height:100%;background-color:rgba(0,0,0,0.8);color:var(--clear);display:none;align-items:center;justify-content:center;z-index:9999;font-size:1.3rem}#reportContent{position:fixed;text-align:center;background:var(--clear);color:var(--dark);padding:2vw;border-radius:10px;font-family:Raleway;border:dotted var(--cherry) 1vw}#reportContent p{font-family:Montserrat}#closeReportBtn{color:var(--clear);background-color:var(--cherry);border:none;margin-top:2vw;cursor:pointer;font-family:Montserrat;border-radius:10px}footer img{width:4.5vw}@keyframes fwidther{from{width:0vw}to{width:92vw}}@keyframes fwidther2{from{width:0vw}to{width:54vw}}@keyframes fwidther3{from{width:0vw}to{width:83vw}}.fwhiteOne{width:3vw;height:5vw;background-color:rgba(255,253,224,255);position:absolute;top:50vw;left:0vw;animation:fwidther2 infinite 2s alternate ease-in-out;z-index:10;border-top-right-radius:5%;border-bottom-right-radius:0}.famber{width:3vw;height:9vw;background-color:rgba(205,135,43,255);position:absolute;top:55vw;left:0vw;animation:fwidther3 infinite 2s alternate ease-out;z-index:10;border-top-right-radius:5%;border-bottom-right-radius:5%}.fcherry{width:3vw;height:15vw;background-color:rgba(198,58,30,255);position:absolute;top:69vw;left:0vw;animation:fwidther infinite 2s alternate ease-in;z-index:10;border-top-right-radius:5%;border-bottom-right-radius:5%}.fblue{width:3vw;height:15vw;background:linear-gradient( 90deg,rgba(3,10,41,1) 7%,rgba(13,27,93,1) 46% );position:absolute;left:0vw;top:65vw;animation:fwidther infinite 1.5s alternate ease-in-out;z-index:10;border-top-right-radius:5%;border-bottom-right-radius:5%}.fyellow{width:3vw;height:35vw;background-color:rgba(232,155,11,255);position:absolute;left:0vw;top:33vw;animation:fwidther2 infinite 1.5s alternate ease-in-out;border-top-right-radius:5%;border-bottom-right-radius:5%}.flila{width:3vw;height:30vw;background-color:rgba(125,123,163,255);position:absolute;left:0vw;top:14vw;animation:fwidther infinite 2s alternate ease;z-index:9;border-top-right-radius:5%;border-bottom-right-radius:5%}.fwhiteTwo{width:3vw;height:40vw;background-color:rgba(208,196,164,255);position:absolute;left:0vw;bottom:4vw;animation:fwidther3 infinite 1.5s alternate ease-out;border-top-right-radius:5%;border-bottom-right-radius:5%}@keyframes scroller{0%{top:0;transform:rotateY(0deg)}25%{top:0vh;transform:rotateY(0deg)}33%{top:0vh;transform:rotateY(360deg)}45%{transform:rotateY(360deg);top:0vh}58%{transform:rotateY(0deg);top:0vh}75%{top:0vh;transform:rotateY(0deg)}90%{top:0vh;transform:rotateY(0deg)}98%{top:17vh;transform:rotateY(360deg)}100%{top:17vh;transform:rotateY(0deg)}}@keyframes fader{0%{top:11vh}20%{top:11vh;opacity:1}30%{top:11vh;opacity:0}34%{top:11vh;opacity:1}41%{top:12vh;opacity:1}50%{top:12vh;opacity:0}65%{top:12vh;opacity:0}75%{top:11vh;opacity:1}95%{top:13vh;opacity:0}97%{top:30vh;opacity:1}100%{top:30vh;opacity:1}}@keyframes colorer{0%{background-color:var(--purple)}30%{background-color:var(--purple)}38%{background-color:var(--lila)}70%{background-color:var(--lila)}72%{background-color:var(--purple)}98%{background-color:#1b0c3d00}99%{background-color:var(--dark)}100%{background-color:var(--dark)}}@keyframes lighther{0%,25%,48%,100%{color:var(--clear)}30%,45%{color:var(--orange)}}@keyframes lighther2{0%,60%,92%{color:var(--clear)}65%,90%{color:var(--orange)}}@keyframes lighther3{0%,90%{color:var(--clear)}95%,100%{color:var(--orange)}}.lighther{animation:lighther linear;animation-timeline:scroll(root)}.lighther2{animation:lighther2 linear;animation-timeline:scroll(root)}.lighther3{animation:lighther3 linear;animation-timeline:scroll(root)}aside{grid-area:aside;position:relative;z-index:1200}.backColorer{animation:backColorer linear;animation-timeline:scroll()}nav{position:sticky;font-family:Montserrat;padding:0;font-size:3vw;margin-left:2vw;z-index:0;background-color:rgba(0,0,0,0);color:rgb(245,222,179)}.language-switch{position:absolute;left:0;animation:fader2 linear;animation-timeline:scroll()}@keyframes fader2{0%{opacity:1}95%{opacity:1}97%{opacity:0}100%{opacity:0}}.social a{border:none;text-decoration:none;color:var(--clear)}.language-switch a{font-size:1.5vw;font-family:Montserrat;color:var(--cherry);border:none;text-decoration:none}.navEsp{font-size:2vw}.myPhotoEsp{left:35vw;top:11vh}.ThisIsEsp{font-size:3vw;width:30vw;height:30vh}.aboutPesp{font-size:1.5vw;margin-top:-35vw;margin-right:2vw;margin-left:0}.fader{animation:fader linear;animation-timeline:scroll()}nav ul{padding:0}nav li{margin:2vw 0vw;position:relative;overflow:hidden;box-shadow:0vw 0vw 0.5vw rgba(0,0,255,0.353),0vw 0vw 0.3vw rgba(180,143,31,0.31),0vw 0vw 1vw rgba(255,0,0,0.419);border-radius:5px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all 0.2s ease-in}li::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,var(--lila) 25%,var(--purple) 70%);z-index:-1;transition:left 0.1s ease-out}nav a{text-decoration:none;color:inherit;padding:1vw;transition:color 0.4s ease-out}.scrollerDiv{position:sticky;top:1vw;height:19vw;width:100%;animation:scroller linear both;animation-timeline:scroll()}.logoImg{width:10vw;position:absolute;top:4vw;border-top-left-radius:10px;left:4vw}@keyframes widther{from{width:0vw}to{width:2vw}}@keyframes widther2{from{width:0vw}to{width:4vw}}@keyframes widther3{from{width:0vw}to{width:3vw}}.whiteOne{height:0.55vw;background-color:rgba(255,253,224,255);position:absolute;top:4.2vw;left:13vw;animation:widther2 infinite 2s alternate ease-in-out}.amber{height:0.5vw;background-color:rgba(205,135,43,255);position:absolute;top:7.75vw;left:14vw;animation:widther3 infinite 2s alternate ease-out}.cherry{height:0.55vw;background-color:rgba(198,58,30,255);position:absolute;top:11.65vw;left:14vw;animation:widther infinite 2s alternate ease-in}@keyframes heighter{from{height:0vw}to{height:2vw}}@keyframes heighter2{from{height:0vw}to{height:3vw}}@keyframes heighter3{from{height:0vw}to{height:8vw}}.blue{width:0.5vw;background:linear-gradient( 90deg,rgba(3,10,41,1) 7%,rgba(13,27,93,1) 46% );position:absolute;left:9.8vw;top:14vw;animation:heighter2 infinite 1.5s alternate ease-in-out}.yellow{width:0.55vw;background-color:rgba(232,155,11,255);position:absolute;left:7vw;top:14vw;animation:heighter2 infinite 1.5s alternate ease-in-out}.lila{width:0.5vw;background-color:rgba(125,123,163,255);position:absolute;left:5.6vw;top:14vw;animation:heighter infinite 1s alternate ease-in-out}.whiteTwo{width:0.55vw;background-color:rgba(208,196,164,255);position:absolute;left:4vw;top:13vw;animation:heighter3 infinite 1.5s alternate ease-out}.popper{opacity:0;animation:popper 1s ease-in forwards;animation-delay:1s}.popper2{opacity:0;animation:popper 1s ease-in forwards;animation-delay:1.3s}.popper3{opacity:0;animation:popper 1s ease-in forwards;animation-delay:1.5s}.popper4{opacity:0;animation:popper 1s ease-in forwards;animation-delay:1.8s}@keyframes popper{from{opacity:0}to{opacity:1}}@media only screen and (min-width:768px){.logoImg{border-top-left-radius:30px}nav li:hover{transform:scale(1.05);color:var(--orange);box-shadow:0vw 0vw 0.3vw var(--clear),0vw 0vw 0.6vw var(--purple),0vw 0vw 1.1vw var(--orange)}li:hover::after{left:0}li:hover a{color:var(--orange)}.social i:hover{color:var(--orange);text-shadow:0vw 0vw 0.3vw var(--clear),0vw 0vw 0.6vw var(--purple),0vw 0vw 1.1vw var(--orange)}.gridWorks section:hover{box-shadow:0vw 0vw 0.3vw var(--clear),0vw 0vw 0.6vw var(--purple),0vw 0vw 1.1vw var(--orange)}.certificationImg:hover{transform:scale(2);border-radius:5%;margin-right:2vw;backdrop-filter:blur(10px)}.certificationImg:hover ~ .certifP{height:15vh;width:10vw;transform:translate(5vw,0vw)}.showReportBtn:hover{transform:scale(1.05);color:var(--cherry)}}@media only screen and (min-width:992px){@keyframes backColorer{0%{background:linear-gradient( 184deg,rgba(27,12,61,1) 25%,rgba(51,57,120) 50% )}25%{background:linear-gradient( 184deg,rgba(27,12,61,1) 25%,rgba(51,57,120) 50% )}40%{background:linear-gradient( 184deg,var(--lila) 25%,rgba(51,57,120,0.819) 70%,var(--dark) 90% )}50%{background:linear-gradient( 184deg,var(--lila) 25%,rgba(51,57,120,0.766) 70%,var(--dark) 90% )}78%{background:linear-gradient(184deg,var(--purple) 80%,var(--dark) 85%)}100%{background:linear-gradient(184deg,var(--purple) 80%,var(--dark) 85%)}}@keyframes scroller{0%{top:0;transform:rotateY(0deg)}25%{top:0vh;transform:rotateY(0deg)}33%{top:0vh;transform:rotateY(360deg)}45%{transform:rotateY(360deg);top:0vh}58%{transform:rotateY(0deg);top:0vh}75%{top:0vh;transform:rotateY(0deg)}94%{top:-5vh;transform:rotateY(360deg)}100%{top:-5vh;transform:rotateY(360deg)}}@keyframes fader{0%{top:43vh;opacity:1}20%{top:54vh;opacity:1}30%{top:43vh;opacity:0}34%{top:43vh;opacity:1}41%{top:54vh;opacity:1}50%{top:43vh;opacity:0}65%{top:43vh;opacity:1}75%{top:54vh;opacity:1}92%{top:43vh;opacity:0}95%{top:56vh;opacity:1}99%{opacity:1}100%{top:56vh;opacity:0}}@keyframes colorer{0%{background-color:var(--purple)}28%{background-color:var(--purple)}32%{background-color:var(--lila)}50%{background-color:var(--lila)}62%{background-color:var(--purple)}90%{background-color:var(--purple)}95%{background-color:#1b0c3d00}96%{background-color:var(--dark)}100%{background-color:var(--dark)}}@keyframes takedowner{89%{top:0;justify-content:end;scale:1;width:83.5vw}91%{top:40vh;justify-content:center;scale:1;width:20vw;padding-left:0vw}93%{top:45vh;justify-content:center;scale:2.5;width:35vw;padding-left:12vw}100%{top:46vh;justify-content:center;scale:2.5;width:35vw;padding-left:12vw}}aside{min-width:15vw}nav{font-size:2.8vw;width:fit-content}nav ul{margin-top:0;margin-left:-10px}.myPhoto{width:17vw;height:17vw;left:45vw;top:0vh;border:dotted 8px var(--clear)}.about h1{font-size:5.5vw;margin-top:0;margin-left:2vw;transition:all 0.1s ease}.about p{font-size:2.5vw;margin-left:1vw;margin-top:5vw;color:var(--orange)}.myPhotoEsp{width:16vw;height:16vw;left:50vw}.aboutEsp h1{margin-right:8vw;font-size:5vw}.aboutPesp{width:40vw;font-size:2vw;margin-right:2vw}.confirmation-message{font-size:0.8vw;padding-left:2vw;color:var(--orange)}.social i{font-size:4vw;margin-inline:2vw;padding:0}.works h2,.skills h2,.contact h2{font-size:3vw}.works h4{font-size:1.5vw}.gridWorks{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:3vw;padding:1vw}.gridWorks section{height:33vh;width:35vw}.imageDiv{width:22vw}details{cursor:pointer}.flexContainer details{font-size:1vw;transition:all 0.5s ease-out;width:9vw}.flexContainer p{font-size:0.9vw;width:9vw}.gridWorks section span{color:var(--clear);position:absolute;font-size:1.3vw;top:0.5vw;left:24.8vw}.guestWork{display:flex}.gridWorks section .express-js{width:1.2vw}.gridWorks section .typeScript{width:1.3vw;filter:invert(1)}.gridWorks section .django img{width:1.2vw;border:solid 1px}.gridWorks section span .typeScript img{width:0.5vw}.videoWork{width:100%;height:auto;cursor:pointer}.skills{height:100vh;overflow:auto}.skills h2{margin-left:1vw;margin-top:4.5vw;margin-bottom:0}.skillsSub{margin:0;font-size:1.5vw}.certificationImg{width:20vw;height:auto;transition:all 0.2s ease-out;backdrop-filter:none}.CV{position:absolute;font-size:1.5vw;right:-3vw;top:0;display:flex;align-items:center;justify-content:end}.CV h5{margin-inline:2vw}.skills section{position:relative;display:flex;align-items:center}.certifP{width:20vw;font-size:1vw;padding-left:2vw;margin-left:2vw;transition:all 0.2s ease-out}.skills section a{margin-inline:1vw;font-size:1vw}.stack{margin:0;margin-top:10vw;height:15vw;padding:1vw}.stack h4{margin:0;padding:0}.stack section{font-size:5vw;column-gap:8vw;row-gap:1vw;display:grid;grid-template-columns:repeat(6,auto)}.stackIcons i{width:4vw}.stackIcons .mongoDB,.stackIcons .mySQL{color:white}.stackIcons .mySQL img{width:4vw}.stackIcons .express-js img,.stackIcons .mongoDB img{width:3vw}.stack .django img,.stack .typeScript img{width:5vw;height:auto}.skills h4{font-size:2vw;margin:0}.contact{height:65vh}.contact p{font-size:2vw}.contact h2{padding-top:1vw}footer{position:relative;height:35vh;font-size:4vw}#reportContent{left:40vw}footer img{margin-top:1vw;width:3vw}.fwhiteOne{width:5vw;height:1vw;position:absolute;left:0vw;top:10.5vw}.famber{top:10vw;width:3vw;height:2vw}.fcherry{top:11vw;width:3vw;height:1vw}.fblue{top:12vw;width:3vw;height:3vw}.fyellow{top:12vw;width:3vw;height:4vw}.flila{top:10vw;width:3vw;height:3.5vw}.fwhiteTwo{top:10vw;width:3vw;height:1vw}}@media only screen and (min-width:1200px){.stack{margin-top:1vw;margin-inline:2vw}}