@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=Open+Sans&family=Passion+One:wght@400;700&family=Poppins&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}li a,li a:visited{color:var(--body-color)}body::-webkit-scrollbar{width:7px;border-radius:20px}body::-webkit-scrollbar-thumb{background-image:var(--gradient);border-radius:15px}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}body{opacity:0;animation:fadeInAnimation 1s ease-in-out forwards}.fade-in{opacity:0;animation:fadeInAnimation 1s ease-in forwards}h1{background-image:var(--gradient);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;color:transparent;font-family:Passion One,cursive;font-weight:bolder;font-size:3.5rem;letter-spacing:-.04rem;padding:30px 0}h2{background-image:var(--gradient);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;color:transparent;font-family:Passion One,cursive;font-weight:bolder;font-size:2rem;letter-spacing:-.04rem;padding:15px 0}main{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (prefers-color-scheme: dark){body{background-color:var(--body-background);color:var(--body-color)}body::-webkit-scrollbar-thumb{background-image:var(--gradient);border-radius:20px}h1,h2{background-image:var(--gradient)}}.box-contact{width:65%;display:grid;grid-template-columns:1fr 1fr;gap:0px 20px;background-color:var(--background-color);margin-bottom:50px}.icon-stack{padding:6px 15px;display:flex;align-items:center;gap:0px 10px;width:100%}.icon-contact{padding:9px 15px;transition:background-color .3s ease-in-out;border-radius:10px;display:flex;align-items:center;gap:0px 10px;width:100%;cursor:pointer}.icon-contact:hover{background-color:var(--hover-nav)}.int-box{display:flex;flex-direction:column;padding:10px;align-items:center;width:100%;border-radius:5px;background-color:var(--box-projects);border:var(--gray-border);box-shadow:#0000003d 0 3px 8px}.int-box ul{list-style:none;width:100%}.int-box img{width:200px;border-radius:10px}@media only screen and (max-width: 600px){.box-contact{width:92%;grid-template-columns:1fr;gap:15px 0px}}footer{border-top:var(--gray-border);background-color:var(--box-projects);display:flex;height:10vh;width:100%;align-items:center;justify-content:center;font-size:.9rem}nav{width:100%;display:flex;justify-content:center;height:10vh;align-items:center;border-bottom:var(--gray-border);position:fixed;background-color:var(--navbar);z-index:999}.box-nav{width:85%;display:flex;justify-content:center;height:10vh;align-items:center}.logo-nav{font-family:monospace;font-size:1.04rem;width:50%;color:var(--body-color)}nav ul{display:flex;justify-content:center;gap:30px;width:71%;list-style:none}nav ul .nav-link{padding:9px 15px;transition:all .3s ease-in-out;border-radius:15px;color:var(--body-color)}nav ul .nav-link:hover{background-color:var(--hover-nav);cursor:pointer}.hover-icon{display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;padding:13px;transition:all .3s ease-in-out}.hover-icon:hover{background-color:var(--hover-nav)}.utils-nav{display:flex;gap:20px;align-items:center;width:10%}.burger-menu{display:none;cursor:pointer}.menu ul{list-style:none}.utils-burger-menu{display:none;gap:20px;align-items:center;width:10%;position:absolute;right:100px;bottom:50px}@media only screen and (max-width: 600px){.burger-menu{display:inline}nav ul{display:none}.utils-nav{display:none}.box-nav{justify-content:space-between}.menu{position:fixed;display:flex;flex-direction:column;top:-100vh;width:100%;height:90vh;background-color:var(--box-projects);z-index:999;transition:all ease-in .5s;padding:35px;opacity:0}.menu.show{opacity:1;top:10vh}.utils-burger-menu{display:flex}ul{display:flex;flex-direction:column;gap:35px}.nav-link{padding:9px 15px;transition:all .3s ease-in-out;border-radius:15px;color:var(--body-color)}}.presentation{padding:15vh 0 5vh;width:80%;gap:30px 0;margin:0 auto;min-height:90vh;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--body-background)}.box-text-photo{width:80%;display:flex;justify-content:center;align-items:center}.box-text-photo p{text-align:justify;font-size:1.15rem;line-height:2.15rem;width:100%;margin-bottom:10px}.box-text-photo img{width:280px;height:280px;border-radius:50%;object-fit:cover;box-shadow:#00000026 1.95px 1.95px 2.6px;margin-left:30px}.btn-get-in-touch{padding:12px 40px;background-image:var(--gradient);color:var(--btn-touch-color);border-radius:15px;border:none;font-weight:700;cursor:pointer;letter-spacing:.05rem;box-shadow:#0000003d 0 3px 8px;border:var(--btn-touch-border);font-size:1rem;transition:ease-out .15s}.btn-get-in-touch:hover{scale:1.02;opacity:.85}@media only screen and (max-width: 850px){.box-text-photo{flex-direction:column}.box-text-photo img{width:100%;border-radius:5px}}@media only screen and (max-width: 600px){.presentation{width:99%}.box-text-photo{width:90%}.box-text-photo p{margin-bottom:20px;font-size:1.2rem;line-height:2.05rem}.btn-get-in-touch{margin-top:25px}}.complete-box{width:100%;margin:0 auto;min-height:90vh;display:flex;flex-direction:column;align-items:center;background-color:var(--box-projects);border-top:var(--gray-border);border-bottom:var(--gray-border)}.projects{max-width:65%;min-height:80vh;display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));align-items:center;justify-content:center;gap:25px;padding-bottom:30px}h3{padding-bottom:15px}.box-project{min-width:280px;max-width:100%;background-size:cover;background-position:center;min-height:300px;border-radius:5px;padding:15px;color:#fff!important;font-family:monospace;position:relative;display:flex;flex-direction:column;gap:10px;transition:transform .3s ease;font-size:.8rem;line-height:1.4rem;box-shadow:#0000003d 0 3px 8px}.box-project a:link,a:visited,a{text-decoration:none;color:#fff}.box-project:hover{transform:scale(1.02)}.icons{display:flex;position:absolute;top:15px;right:15px;gap:10px}.icon-git:hover{fill:silver}@media only screen and (max-width: 600px){.projects{max-width:92%}.box-project{height:45vh}}html{scroll-behavior:smooth;height:100%}:root{--body-background: #222222;--body-color: #ffffff;--gradient: linear-gradient(180deg,#fff,#adadad) ;--navbar: #222222;--gray-border: 1px solid rgb(102, 102, 102);--hover-nav: #505050;--btn-touch-color: black ;--btn-touch-border: solid rgb(78, 78, 78) .5px;--box-projects: #383838}[data-theme=ligth]{--body-background: rgb(250, 250, 250);--body-color: rgb(37, 37, 37);--gradient: linear-gradient(100deg, rgba(2,0,36,1) 0%, rgba(84,9,121,1) 21%, rgba(0,212,255,1) 100%, rgba(248,254,255,1));--navbar: white;--gray-border: 1px solid rgb(187, 187, 187);--hover-nav: rgb(228, 228, 228);--btn-touch-color: white ;--btn-touch-border: solid rgb(211, 211, 211) .5px;--box-projects: rgb(238, 238, 238)}