.first-container{grid-column:span 6;text-align:center;position:relative;overflow:hidden;background:url(https://media1.giphy.com/media/v1.Y2lkPTc5MGI3NjExc21ncTgwMmtnajZ6bTJ3M2MwbTIxcXlzMmt0MHVhbXNkdDc1M3pibiZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/U7huVmA3TKuqvznInJ/giphy.webp);background-size:cover;display:grid;grid-template-columns:repeat(4,1fr);padding:2rem;gap:2rem;color:#fff;aspect-ratio:1/.5;text-shadow:0 0 5px #ebc9c8,0 0 10px #ebc9c8,0 0 15px #ebc9c8,0 0 0px #ebc9c8}.first-container ._bg{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--container-1);opacity:.7}.first-container ._img-container{z-index:100;position:absolute;bottom:1rem;left:5rem}.first-container ._img-container img{height:auto;width:min(13rem,20vw);object-fit:cover}.first-container ._title{font-size:min(4rem,6vw);font-weight:800;width:100%;grid-column:span 4;text-wrap:wrap;text-align:center;z-index:100}.first-container ._paragraph{font-size:min(4rem,4vw);grid-column:3/5;margin-left:-40%;z-index:100}@media (min-width: 480px){.first-container ._paragraph{grid-column:2/5;margin-left:0}}@media (min-width: 768px){.first-container{grid-column:span 4}.first-container ._img-container{left:2rem}.first-container .title-name{grid-column:1/5}.first-container ._paragraph{grid-column:2/5}}.github-container{grid-column:span 6;position:relative;height:18rem;width:100%;overflow:hidden;cursor:pointer}.github-container .__sub-container{height:100%;width:100%;background-color:var(--github-container-3)}.github-container .__sub-container .__paragraph{font-size:2.5rem;font-weight:700;text-align:left;color:var(--black-color);z-index:20;position:absolute;top:2rem;left:2rem;max-width:70%;transition:color .3s}.github-container .__sub-container .__link-icon{height:2rem;position:absolute;top:1rem;right:.5rem;color:var(--black-color);z-index:20}.github-container .__sub-container img{position:absolute;height:111%;width:100%;object-fit:cover;left:0;top:0;mix-blend-mode:overlay}.github-container .__sub-container .__github-icon{font-size:4rem;color:var(--black-color);z-index:20;position:absolute;right:1rem;bottom:1rem}@media (min-width: 480px){.github-container{grid-column:span 3;grid-row:span 2;height:100%;display:grid}.github-container .__sub-container{display:flex;justify-content:center;align-items:center}.github-container .__sub-container .__paragraph{font-size:3rem;top:5rem}.github-container .__sub-container .__github-icon{right:1rem}}@media (min-width: 768px){.github-container{grid-column:span 2;grid-row:span 1}.github-container .__sub-container .__paragraph{font-size:3rem}}.fixed-background{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:.5;z-index:50;display:flex;justify-content:center;align-items:center}.modal-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;justify-content:center;align-items:center}.modal-container .__motion-container{width:40rem;height:55rem;padding:2rem;background:linear-gradient(to right,#141e30,#243b55);color:var(--black-color);z-index:100;opacity:1;border-radius:2rem}.modal-container .__motion-container .__video-container{margin:auto;display:grid;place-content:center;font-size:5rem;border-radius:3rem;overflow:hidden}.modal-container .__motion-container .__video-container .__project-image{height:30rem;width:35rem;object-fit:fill}.modal-container .__motion-container .__details-container{display:flex;align-items:center;margin:1rem auto;padding:2rem}.modal-container .__motion-container .__details-container .__details-subContainer{flex:1;display:flex;flex-direction:column;justify-content:center}.modal-container .__motion-container .__details-container .__details-subContainer .__techsContainer{margin-bottom:1rem;font-size:3rem;width:70%;display:grid;grid-template-columns:1fr 1fr 1fr;place-items:center}.modal-container .__motion-container .__details-container .__details-subContainer .__techsContainer .__techsSubContainer{display:grid;grid-template-columns:repeat(8,1fr);gap:.5rem}.modal-container .__motion-container .__details-container .__details-subContainer .__infoContainer{font-size:1.3rem;padding-right:2.5rem;text-align:left}.modal-container .__motion-container .__details-container .__link-icon{font-size:3rem;cursor:pointer;transition:transform .3s}.modal-container .__motion-container .__details-container .__link-icon:hover{transform:scale(1.1)}.react-icon{font-size:2.5rem;color:#87ceeb}.js-icon{font-size:2.5rem;color:#ff0;background-color:#000}.css-icon{font-size:2.5rem;color:#00f}.html-icon{font-size:2.5rem;color:orange}.node-icon,.mongo-icon{font-size:2.5rem;color:green}.stripe-icon{font-size:2.5rem;color:purple}.express-icon{font-size:2.5rem;color:green}.firebase-icon{font-size:2.5rem;color:red}.framer-icon,.redux-icon{font-size:2.5rem;color:purple}.projects-container{grid-column:span 6;grid-row:3;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;color:var(--black-color);background-color:#45459f;padding:2rem;aspect-ratio:1/.5}.projects-container .__title{font-size:3rem}.projects-container .__projects{display:flex;justify-content:space-around;align-items:center;width:100%;padding:1rem;padding-top:0}.projects-container .__projects .__project{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1}.projects-container .__projects .__project svg{font-size:8rem;cursor:pointer;transition:transform .2s}.projects-container .__projects .__project svg:hover{transform:scale(1.1)}.projects-container .__projects .__project .__title-project{font-size:1.5rem;font-weight:700}@media (min-width: 480px){.projects-container .__title{font-size:4.5rem}}@media (min-width: 768px){.projects-container{grid-column:span 4;grid-row:2}.projects-container .__title{font-size:5rem}.projects-container .__projects .__project svg{font-size:10rem}}.contactMe-container{grid-column:span 3;color:var(--black-color);position:relative;overflow:hidden;aspect-ratio:1/1}.contactMe-container .__sub-container{height:100%;width:100%;display:grid;place-content:center;cursor:pointer;background:url(../vim-multiple-cursors.gif);background-color:#464bcb80;background-repeat:no-repeat;background-size:100% 100%;background-blend-mode:overlay}.contactMe-container .__sub-container .__link-icon{height:2rem;position:absolute;top:1rem;right:1rem;color:var(--black-color)}.contactMe-container .__sub-container .__mail-icon{font-size:10rem}.contactMe-container .__sub-container a{text-decoration:none}@media (min-width: 768px){.contactMe-container{grid-column:5 / span 2;grid-row:4}}.skills-container{grid-column:span 3;grid-row:2;background:url(./giphy-CNJ5r3LU.webp);background-color:#0009;background-blend-mode:overlay;display:grid;grid-template-columns:repeat(3,1fr);place-content:center;gap:1.2rem;padding:2rem;aspect-ratio:1/1}.skills-container .__skill-icon{transition:transform .3s;place-self:center}.skills-container>*{font-size:3.7rem;color:#39ff14;cursor:pointer;transition:all 1s}.skills-container>*:hover{transform:scale(1.1)}@media (min-width: 480px){.skills-container .react-icon{font-size:6rem}}@media (min-width: 768px){.skills-container{grid-column:5/span 2;grid-row:1;padding:2rem;display:grid;grid-template-columns:repeat(3,1fr);place-items:center;gap:1rem;background-repeat:no-repeat;background-size:cover}.skills-container>*{font-size:6rem}}.ninth-container{grid-column:span 6;grid-row:7;background-color:var(--container-9);text-align:start;padding:2rem;display:flex;flex-direction:column;justify-content:center;gap:.5rem;color:var(--black-color);aspect-ratio:1/.5}.ninth-container ._title{font-size:min(3.5rem,5.5vw)}.ninth-container ._paragraph{font-size:min(2.2rem,2.8vw)}@media (min-width: 480px){.ninth-container{grid-row:7}}@media (min-width: 768px){.ninth-container{grid-column:1 / span 4;grid-row:4/5;padding:2rem}}.linkedin-container{grid-column:span 1;background-color:#0a66c2;height:100%;width:100%;cursor:pointer;overflow:hidden;aspect-ratio:1/1;position:relative}.linkedin-container .__sub-container{height:100%;width:100%;display:grid;place-content:center;color:var(--black-color)}.linkedin-container .__sub-container .__link-icon{height:2rem;position:absolute;top:1rem;right:1rem}.linkedin-container .__sub-container .__linkedin-icon{font-size:7rem}.main_cv_container{cursor:pointer;aspect-ratio:1/1;overflow:hidden;position:relative;color:var(--black-color);background-color:#3a3ad2}.main_cv_container .__sub-container{height:100%;width:100%;display:grid;place-content:center}.main_cv_container .__sub-container .__link-cv{font-size:10rem}.main_cv_container .__sub-container .__link-icon{height:2rem;position:absolute;top:1rem;right:1rem}:root{--white-color: white;--black-color: rgb(167, 160, 160);--container-1: rgb(32, 28, 86);--container-2: rgb(27, 26, 85);--github-container-3: #554fc38c;--container-4: rgb(27, 26, 85);--container-5: rgb(7, 15, 43);--container-6: rgb(27, 26, 85);--container-7: rgb(27, 26, 85);--container-8: rgb(27, 26, 85);--container-9: rgb(83, 92, 145)}[data-theme=dark]{--white-color: rgb(13, 12, 12);--black-color: #ffffff}html{font-size:62.5%}*{margin:0;padding:0;box-sizing:border-box}body{width:100%;color:var(--black-color);background:linear-gradient(to right,#01000a,#0c0a36,#15154c);background-repeat:no-repeat;background-size:100% 100%;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;-webkit-user-select:none;user-select:none}.main-container{position:relative}a{text-decoration:none;color:var(--black-color)}li{list-style:none}img{height:auto}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(25rem,1fr));gap:1.5rem;padding:1rem;margin:auto;position:relative;place-content:center;align-items:stretch}.grid-container>div{border-radius:3rem;font-size:4rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transition:color .8s}.grid-container>div svg{transition:color .8s}@media (min-width: 480px){.grid-container{max-width:600px}}@media (min-width: 768px){.grid-container{max-width:950px}}@keyframes fadein{0%{opacity:0}to{opacity:1}}