.hero{height:95vh;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff}.image-container{width:300px;height:300px;border-radius:20px;border:5px solid #ffffff;margin:auto;background-color:#000}.profile-img{size:cover;border-radius:20px;object-position:-15px -10px;object-fit:cover;width:100%;height:100%;background-color:#000;-webkit-mask-image:linear-gradient(black 80%,transparent);mask-image:linear-gradient(black 80%,transparent)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-template-rows:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-top:20px;align-items:center;justify-content:center;width:100%}.text-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;width:80%}.text-container h1{font-size:3vw;display:flex;cursor:default;width:100%;text-align:start;align-items:center;justify-content:start}.hero-paragraph{display:flex;justify-content:start;align-items:start;margin:0;text-align:start;width:100%;font-size:1.5vw;color:#fff;cursor:default}.socials-container{display:flex;justify-content:center;align-items:center;margin-top:10px;width:100%;flex-direction:row}.social{display:flex;justify-content:center;align-items:center;margin:10px;width:50px;height:50px;border-radius:20px;background-color:#000;cursor:pointer;transition:all .3s}.social:hover{background-color:#070707;scale:1.1}.tooltip{display:none;position:absolute;background-color:#000;color:#fff;padding:5px;border-radius:5px;font-size:12px;transition:all .3s}.social:hover .tooltip{display:block;position:absolute;top:60px;left:50%;transform:translate(-50%)}.social img{width:30px;height:30px}@media (max-width: 850px){.hero{height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff}.image-container{max-width:200px;max-height:200px;border-radius:20px;border:5px solid #ffffff;margin:auto;background-color:#000}.profile-img{size:cover;border-radius:20px;object-position:-15px -10px;object-fit:cover;width:100%;height:100%;background-color:#000;-webkit-mask-image:linear-gradient(black 80%,transparent);mask-image:linear-gradient(black 80%,transparent)}.hero h1{font-size:6vw;text-align:center;align-items:center;justify-content:center}.hero p{font-size:3vw;display:flex;justify-content:center;align-items:center;text-align:center;padding:10px}.text-container{margin:auto}}.about-container{background-color:#fff;background:linear-gradient(90deg,#000a1d,#000f2e,#000a1d);min-height:30vh;position:relative;color:#fff;padding-top:10%;justify-content:center;padding-left:20px;padding-right:20px}.about-content{gap:10px}.about-description{text-align:justify;margin:0;gap:20px;font-size:1.2rem;font-weight:100;transition:all .5s;border-radius:10px;-webkit-backdrop-filter:blur(5px);position:relative;z-index:3;backdrop-filter:blur(10px)}.about-description p{margin:0;-webkit-backdrop-filter:blur(8px) brightness(.8);backdrop-filter:blur(8px) brightness(.8);cursor:default}.splitText{display:block;flex-direction:row;max-width:100%;height:100px}.keyword{color:#f5c518;font-weight:700;font-size:1.3rem;cursor:default}.background-image-techs{position:absolute;top:0;left:0;right:0;bottom:0;width:80%;height:80%;background-position:center;background-repeat:no-repeat;background-size:50%;z-index:-1;margin:auto}.experience-container{background-color:#fff;background:linear-gradient(90deg,#000a1d,#000f2e,#000a1d);min-height:50vh;position:relative;color:#fff;padding-top:50px;justify-content:center;padding-left:20px;padding-right:20px}.experience-content{gap:10px;width:100%}.experience-container h2{margin:30px 0}.timeline{width:100%;display:flex;flex-direction:column;justify-content:end;align-items:end;position:relative}.timeline-content{display:flex;flex-direction:column;width:90%;height:100%;position:relative;gap:10px;padding-left:20px;padding-top:20px;padding-bottom:20px;cursor:pointer;background-position:center;background-size:cover;background-repeat:no-repeat;background-image:none;border-radius:20px}.timeline-resume{position:relative;z-index:100}.timeline-content h3,.timeline-content p{margin:0}.timeline-logo{width:100px;height:100px;position:absolute;top:0;right:10%;bottom:0;margin:auto;z-index:99}@media screen and (max-width: 768px){.logo-container{display:flex}.timeline-logo{width:100px;height:100px;position:unset;margin:auto;z-index:99}}.timeline-content:before{content:"";width:20px;height:20px;background-color:#fff;position:absolute;left:-20px;top:20px;clip-path:polygon(0 0,0% 100%,100% 50%)}.timeline-content:after{content:"";width:5px;height:100%;background-color:#fff;position:absolute;left:-20px;top:0}.modal{position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;z-index:2000;cursor:default}.modal-template{background-color:#fefefe;margin:auto;max-width:500px;min-height:40vh;color:#000;position:relative;border-radius:20px;z-index:501;border:1px solid #888}.modal-template h2,.modal-template p{margin:0}.modal-content{padding:0;width:100%}.modal-header{padding:20px 40px 20px 20px;background-color:#000f2d;border-top-left-radius:20px;border-top-right-radius:20px;display:flex;flex-direction:column;gap:5px;color:#fff}.modal-header h3,h4{margin:0}.modal-header hr{margin:0;border:1px solid #ffffff;width:100%}.modal-description{padding:20px}.modal-description h4{margin-bottom:10px}.modal-description p{text-align:justify}.modal-content-close{position:absolute;top:20px;right:20px;padding:10px;cursor:pointer;border:none;background-color:#0000;background-image:url(https://www.svgrepo.com/show/522506/close.svg);background-position:center;background-size:20px;filter:invert(1)}.modal-overlay{position:fixed;z-index:500;left:0;top:0;width:100%;height:100%;cursor:default;background-color:#0006}.projects-container{background-color:#fff;background:linear-gradient(90deg,#000a1d,#000f2e,#000a1d);min-height:50vh;position:relative;color:#fff;justify-content:center;padding:50px 20px}.projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));flex-wrap:wrap;justify-content:center;gap:20px}.project{border-radius:10px;background:radial-gradient(#000f2e,#000611);width:100%;height:400px;cursor:pointer;position:relative;overflow-y:hidden}.project-text{padding:20px}.project h3,p{margin:10px 0 0;text-align:justify}.project caption{text-align:start;display:flex;align-items:start;justify-content:start;font-size:14px;font-family:Pixelify Sans,monospace}.project img{border-radius:10px 10px 0 0;width:100%;object-fit:cover;max-height:300px}.project hr{margin:5px auto;width:80%;border-radius:10px;height:1px;background-color:#fff}.project-image-container{position:relative;border-radius:10px 10px 0 0;object-fit:cover;overflow:hidden}@media screen and (max-width: 768px){.project-image-container{position:relative;border-radius:10px 10px 0 0;object-fit:cover;overflow:hidden;max-height:200px}}.project-modal-container{position:fixed;display:flex;align-items:center;justify-content:center;top:0;left:0;right:0;bottom:0;z-index:10000}.project-modal-overlay{position:fixed;display:flex;align-items:center;justify-content:center;background-color:#00000080;top:0;left:0;right:0;bottom:0;z-index:100}.project-modal-content{position:relative;display:flex;flex-direction:column;align-items:center;border-radius:20px;max-width:800px;height:80%;z-index:100;overflow:scroll;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid white;padding:10px}.project-modal-description{padding:20px;height:50%;justify-content:center;text-align:justify}.project-modal-image{align-items:center;justify-content:center;width:100%;height:50%;position:relative}.project-modal-image img{border-radius:10px 10px 0 0;width:100%;height:100%;object-fit:contain;position:absolute;z-index:100}.project-modal-description caption{text-align:start;display:flex;align-items:start;justify-content:start;font-size:14px;font-family:Pixelify Sans,monospace}.project-modal-links{display:flex;justify-content:end;align-items:center;padding:20px;gap:10px;height:50px}.project-modal-links img{width:30px;height:30px;cursor:pointer}.close-button-modal{position:absolute;top:10px;right:10px;cursor:pointer;width:30px;height:30px;background-image:url(https://www.svgrepo.com/show/522506/close.svg);object-fit:contain;background-size:contain;filter:invert(1);z-index:101;transition:all .3s}.close-button-modal:hover{filter:invert(.8);scale:1.1}.disabled-a{pointer-events:none;cursor:not-allowed}.disabled-a img,.disabled-a:hover{filter:grayscale(100%);cursor:not-allowed}@media screen and (max-width: 768px){.project-modal-content{width:90%;height:90%}.project-modal-image,.project-modal-image img{align-items:center;justify-content:center;height:300px}}.navbar{display:flex;align-items:center;justify-content:center;height:5vh;position:sticky;top:0;bottom:0;z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar:after{content:"";position:absolute;bottom:-100;background:linear-gradient(90deg,#000a1d,#000f2e,#000a1d);z-index:-1}.navbar-ul{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:10px}.navbar-li{list-style:none;font-weight:500;color:#fff;cursor:pointer;transition:all .3s ease;padding:10px;border-radius:5px;margin-left:10px;margin-right:10px}.navbar-li:hover{background-color:#4e4e4e4d;color:"#f8e112"}.progress-scroll{position:fixed;width:100%;height:3px;bottom:0;background-color:#fff;z-index:100;transform-origin:0%}.flags{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:2px}.flags img{width:20px;height:20px;cursor:pointer;transition:all .3s ease}.navbar-mobile{display:none}@media screen and (max-width: 700px){.navbar{display:none}.navbar-mobile{display:flex;position:fixed;height:80px;width:80px;bottom:5%;right:5%;z-index:10}.progress-scroll-mobile{height:80px;width:80px;border-radius:50%;background-color:#fff;z-index:11;margin:auto}}:root{font-family:Ubuntu,sans-serif;padding:0;margin:0;background-color:#000a1d;overflow-x:hidden}::-webkit-scrollbar{width:0px}body{margin:0}.herobackground{background:radial-gradient(#000f2e,#000611);position:absolute;width:100%;height:100vh;z-index:-1}.content{flex-direction:column;align-items:center;justify-content:center;min-height:100vh;max-width:1000px;margin-left:auto;margin-right:auto;padding-bottom:100px}.all-content{position:relative}@media (max-width: 700px){body{overflow-x:hidden}}.education-container{background-color:#fff;background:linear-gradient(90deg,#000a1d,#000f2e,#000a1d);min-height:20vh;position:relative;color:#fff;justify-content:center;padding:50px 20px 10px}.ed-timeline{width:100%;display:flex;flex-direction:column;justify-content:end;align-items:end;position:relative}.ed-timeline-content{display:flex;flex-direction:column;width:90%;height:100%;position:relative;gap:10px;padding-left:20px;padding-top:20px;padding-bottom:20px;background-position:center;background-size:cover;background-repeat:no-repeat;background-image:none;border-radius:20px;cursor:default}.ed-timeline-content:before{content:"";width:20px;height:20px;background-color:#fff;position:absolute;left:-20px;top:20px;clip-path:polygon(0 0,0% 100%,100% 50%)}.ed-timeline-content:after{content:"";width:5px;height:100%;background-color:#fff;position:absolute;left:-20px;top:0}.ed-timeline-resume{position:relative;z-index:100}.ed-timeline-content h3,.ed-timeline-content p{margin:0}.ed-timeline-logo{width:100px;height:100px;position:absolute;top:0;right:10%;bottom:0;margin:auto;z-index:99;object-fit:contain}@media screen and (max-width: 768px){.ed-logo-container{display:flex}.ed-timeline-logo{width:100px;height:100px;position:unset;margin:auto;z-index:99}}.contact-container{background-color:#fff;background:linear-gradient(90deg,#000a1d,#000f2e,#000a1d);min-height:50vh;position:relative;color:#fff;padding-top:50px;justify-content:center;padding-left:20px;padding-right:20px}.contact-content{gap:10px;width:100%;display:flex;flex-direction:column}.contact-container h2{margin:30px 0}.contact-container p{margin:10px 0}.contact-content form{display:flex;flex-direction:column;gap:10px;width:100%}.input-container{display:flex;gap:5px;position:relative;height:50px;z-index:0;margin-top:10px;margin-bottom:10px}.input-container input{width:100%;height:100%;outline:none;border:none;border-bottom:1px solid #ffffff;background-color:transparent;color:#fff;font-size:16px;z-index:1;font-family:Ubuntu,sans-serif;transition:all .2s}.input-container label{position:absolute;z-index:1;color:#fff;top:50%;left:20px;transform:translateY(-50%);margin:auto;transition:all .2s}.text-field:valid+label{top:0;left:0;font-size:12px;color:#0f0}.text-field:focus+label{top:0;left:0;font-size:12px}.text-field:valid{border-bottom:1px solid #00ff00}.text-field:focus{background-color:#0006}.text-field:hover{background-color:#0000001a}.area-container{display:flex;gap:5px;position:relative;min-height:100px;z-index:0;margin-top:10px;margin-bottom:10px;border-bottom:1px solid #ffffff}.area-container label{position:absolute;z-index:1;color:#fff;top:10%;left:20px;transform:translateY(-50%);margin:auto;transition:all .2s}.text-area{border:none;background-color:transparent;width:100%;color:#fff;font-family:ubuntu,sans-serif;resize:none;font-size:large;outline:none;overflow:none;transition:background-color .2s;padding-top:10px}.text-area:hover{background-color:#0000001a}.text-area:focus{background-color:#0003}.text-area:valid{padding-top:20px}.text-area:focus+label{top:0;left:0;font-size:12px}.text-area:valid+label{top:0;left:0;font-size:12px;color:#0f0}.text-area:valid{border-bottom:1px solid #00ff00}.btn-submit{background-color:transparent;color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:10px;padding:10px;font-size:16px;font-weight:bolder;cursor:pointer;transition:all .2s;position:relative;display:flex;z-index:1;align-items:center;justify-content:center}.btn-submit:hover{border-color:#fff}.btn-submit .loading{background-color:#ffffff5b;position:absolute;border-radius:10px;width:0%;height:100%;top:0;left:0;right:0;bottom:0;margin:auto;z-index:0;transform-origin:50%;transition:all .2s}.btn-submit:hover .loading{transform-origin:0%;width:100%}.btn-submit img{width:20px;height:20px;margin-left:10px}.btn-submit:active{transform:scale(.9)}.contact-form{position:relative;z-index:1}.loading-progress-container{width:80%;height:80%;background-color:#00000080;border-radius:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:opacity 2s;gap:20px}@keyframes opacity{0%{opacity:0}to{opacity:1}}footer{background-color:#000d29}footer p{color:#fff;font-size:1.2rem;text-align:center;padding-bottom:10px}.footer-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-content:center;padding-top:50px;height:20vh;gap:40px}.frm-container{display:flex;height:20vh;justify-content:end;position:relative}.link-list{display:flex;justify-content:start;align-items:center;gap:20px}.link{display:flex;justify-content:center;align-items:center;gap:10px;text-decoration:none;color:#fff}.link img{width:40px;height:40px}.frm_logo{margin:0}@media screen and (max-width: 768px){.footer-content{grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:20px;padding-bottom:20px;height:30vh}.link-list,.frm-container{justify-content:center}}