@import"https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap";body{background:#1a1a1a;font-family:Source Code Pro,monospace;font-optical-sizing:auto;font-style:normal;margin:0%;padding:0%}h1,h2,h3,h4,h5,h6{font-weight:400}.head{background-color:#1a1a1a;width:100%;height:100%;display:flex;align-items:center;flex-direction:row;justify-content:space-between}@media(max-width:1200px){.head{background-color:#1a1a1a;width:100%;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center}}.foot{width:100%;background-color:#44454b;height:100%;display:flex;align-items:center;flex-direction:row}.web-header-left,.web-header-center,.web-header-right{flex:1}.web-header-left{color:#fff;margin-left:3.5%;font-size:clamp(1.6rem,1.8vw,3rem)}.web-header-center{display:flex;justify-content:center;align-items:center}@media(max-width:1200px){.web-header-center{display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;width:0%}}.nav{white-space:nowrap}.navbar{width:100%;display:flex;padding-right:25%;margin-right:10%}.navbar-ul{display:flex;gap:5rem;list-style:none;margin:0;padding:0}@media(max-width:1200px){.navbar{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%}}@media(max-width:700px){.navbar-ul{display:flex;flex-direction:column;list-style:none;align-items:center;justify-content:center;text-align:center;width:100%;gap:1rem}}.navbar a{text-decoration:none}.navbar li{color:#fff;cursor:pointer}.nav-button a{color:#fff;font-size:clamp(1.1rem,1.2vw,2.5rem)}.nav-button a:hover,.nav-button a.active{color:#94f3e4}.webpage{background-color:#1a1a1a;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:6vh}@media(max-width:800px){.webpage{background-color:#1a1a1a;display:flex;justify-content:center;align-items:stretch;flex-direction:column;margin-top:6vh}}.webpage .card{width:100%;background-color:#1a1a1a;text-align:center;display:flex;flex-direction:row;align-items:stretch;margin-top:2%}@media(max-width:800px){.webpage .card{width:100%;background-color:#1a1a1a;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:2%}}.pic-div{width:65%;background-color:#1a1a1a;display:flex;flex-direction:column;justify-content:center}.webpage .card .card-image{width:50%;height:70%;border-radius:100%;margin-top:8%;object-fit:cover;border:2px solid rgb(55 170 156)}.pic-bio{text-align:center;margin-left:0vh;margin-bottom:2vh}.text-div{margin-top:3%;width:100%;background-color:#1a1a1a;color:#fff;display:flex;text-align:start;flex-direction:column;justify-content:start}@media(max-width:800px){.text-div{margin-top:3%;width:100%;margin-left:5%;margin-right:5%;background-color:#1a1a1a;color:#fff;display:flex;text-align:center;flex-direction:column;justify-content:center;align-items:center}}.hello{color:#94f3e4;font-size:clamp(1rem,1.4vw,1.8rem);font-weight:700}.role{color:#fff;font-size:clamp(1rem,4vw,3rem);margin-top:0%;margin-bottom:0%;font-weight:700}.bio-text{text-align:start;margin:3% 5% 3% 0%;word-spacing:.2em;line-height:1.7;font-size:clamp(.8rem,1.1vw,1.6rem)}@media(max-width:800px){.bio-text{text-align:center;margin-top:3%;margin-bottom:3%;word-spacing:0em;line-height:1.7;overflow-wrap:anywhere}}.button-div{display:flex;justify-content:start;text-align:start;align-items:stretch;flex-direction:row}@media(max-width:900px){.button-div{flex-direction:row;justify-content:start;align-items:stretch;width:100%;height:90%;margin-bottom:5%;margin-top:5%}}@media(max-width:800px){.button-div{justify-content:center;align-items:center}}.card-button{font-size:clamp(1rem,1.2vw,1.8rem);width:clamp(7rem,10vw,14rem);height:clamp(2.8rem,6vh,4rem);cursor:pointer;color:#fff;background-color:#37aa9c;border:transparent}.card-button:hover{background-color:#333f44}.link-div{margin-top:2.7%;display:flex;flex-direction:row;justify-content:start;width:100%;gap:1.5%}@media(max-width:800px){.link-div{justify-content:center;align-items:center;gap:5%}}@media(max-width:150px){.link-div{margin-top:2.7%;display:flex;flex-direction:column;justify-content:center;align-items:center;width:135px}}.link{height:40px;width:40px;border-radius:50%;background-color:#37aa9c;display:flex;justify-content:center;align-items:center;padding:0;margin:0}@media(min-width:1700px){.link{height:60px;width:60px}}.link:hover{background-color:#44454b;cursor:pointer}.link img{object-fit:contain;height:60%;width:60%}.mail{object-fit:contain;height:100%;width:100%}.latest-projects-section{display:flex;align-items:start;justify-content:start;flex-direction:column;width:100%;height:auto;background-color:#1a1a1a;margin-top:5%;margin-bottom:10%}@media(max-width:800px){.latest-projects-section{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:auto;background-color:#1a1a1a;margin-top:5%;margin-bottom:10%}}.latest-projects-text-and-button{width:100%;gap:42%;display:flex;flex-direction:row;justify-content:center;align-items:center}@media(max-width:1100px){.latest-projects-text-and-button{width:100%;gap:62.5%;display:flex;flex-direction:column;justify-content:center;align-items:center}}.latest-text{display:flex;justify-content:center;align-items:start;flex-direction:column}@media(max-width:1000px){.latest-text{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}}.latest-text h1{color:#fff;margin-bottom:2.5%;font-weight:700;font-size:clamp(1rem,2.4vw,2.8rem);white-space:normal;overflow-wrap:anywhere}.latest-text h3{color:#fff;margin-top:2.5%;font-size:clamp(1rem,1.3vw,2rem)}.see-all-button{font-size:clamp(1rem,1.2vw,1.8rem);width:clamp(7rem,10vw,14rem);height:clamp(2.8rem,6vh,4rem);text-align:center;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;background-color:#37aa9c;border:transparent;text-decoration:none}.see-all-button:hover{background-color:#333f44}.latest-projects-card-section{margin-top:2%;width:100%;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;text-align:center}@media(max-width:1000px){.latest-projects-card-section{margin-top:2%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:5%}}.card-and-text{width:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}@media(max-width:1000px){.card-and-text{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-bottom:5%}}.latest-projects-card{width:80%;height:60%;display:flex;justify-content:center}.latest-projects-card img{height:350px;width:100%;border:10px solid rgb(68 69 75);object-fit:cover}.card-text{width:100%;display:flex;justify-content:start;align-items:center;flex-direction:column;margin-top:0%}@media(max-width:550px){.card-text{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:0%}}.card-text h2{color:#fff;margin-top:2%;margin-bottom:0%;font-size:clamp(1rem,1.8vw,3rem)}.more{color:#94f3e4;margin-top:2%;text-decoration:none;font-size:clamp(1rem,1.2vw,1.8rem)}.more:hover{color:#44454b}.about-me-page{height:90%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:6%}.pic-and-text{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5%}@media(max-width:1200px){.pic-and-text{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10%}}.me-and-rio{margin-top:3%;width:28%;border:2px solid rgb(55 170 156);margin-bottom:5%}@media(max-width:1200px){.me-and-rio{width:90%;height:20%;border:2px solid rgb(55 170 156)}}.text-section{display:flex;flex-direction:column;justify-content:start;align-items:start;width:45%;background-color:#1a1a1a}@media(max-width:1200px){.text-section{display:flex;flex-direction:column;justify-content:center;align-items:center;width:90%;background-color:#1a1a1a}}.text-section h1{font-size:clamp(1.2rem,2.4vw,3.3rem);color:#fff;font-weight:700;text-align:center;overflow-wrap:anywhere;white-space:normal}.highlight{color:#94f3e4;overflow-wrap:anywhere;white-space:normal}.text{color:#fff;font-size:clamp(1rem,1vw,1.8rem);line-height:1.5;word-spacing:.2em;overflow-wrap:anywhere;white-space:normal}.CV-button{font-size:clamp(1rem,1vw,1.8rem);width:clamp(7rem,10vw,14rem);height:clamp(2.8rem,6vh,4rem);text-align:center;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;background-color:#37aa9c;border:transparent;text-decoration:none;margin-top:3%}.CV-button:hover{background-color:#333f44}.info-card{font-size:clamp(1rem,1vw,1.8rem);width:100%;background-color:#44454b;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:25%;bottom:0;margin-top:10%;line-height:1.5}@media(max-width:600px){.info-card{width:100%;background-color:#44454b;display:flex;justify-content:start;align-items:start;flex-direction:column;gap:25%;bottom:0;margin-top:10%;line-height:1.5}}.points{list-style-type:none;color:#fff;margin-top:3%;margin-bottom:3%;overflow-wrap:anywhere;white-space:normal}@media(max-width:600px){.points{list-style-type:circle}}a{color:#fff;margin-left:1%}a:hover{color:#94f3e4}.CV-page{color:#fff;background-color:#1a1a1a;display:flex;justify-content:center;flex-direction:row;width:100%}@media(max-width:1000px){.CV-page{color:#fff;background-color:#1a1a1a;display:flex;justify-content:center;flex-direction:column;width:100%}}.titles{display:flex;justify-content:center;flex-direction:column;text-align:center;width:100%;color:#fff;font-size:clamp(1.3rem,3vw,2.2rem)}.undertitles{font-size:clamp(1.1rem,1.6vw,2rem)}.CV-titles{font-size:clamp(1.3rem,3vw,2.2rem)}.section{background-color:#1a1a1a;max-width:40%;margin:40px auto;padding:40px;border-radius:12px;border:2px solid rgb(148 243 228);overflow-wrap:anywhere;white-space:normal}@media(max-height:1000px){.section{background-color:#1a1a1a;width:100%;border-radius:12px;border:2px solid rgb(148 243 228);overflow-wrap:anywhere;white-space:normal}}.section-contact{background-color:#1a1a1a;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media(max-width:1100px){.section-contact{background-color:#1a1a1a;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}}.divider{width:100%;border:0;height:2px;background-color:#94f3e4;margin:10px auto}.divider2{margin-bottom:0vh;width:100%;border:0;height:2px;background-color:#94f3e4;margin:10px auto}.education-list{display:flex;justify-content:center;flex-direction:column}.place{font-size:clamp(1rem,1.2vw,1.8rem)}.dates{color:#94f3e4;font-size:clamp(1rem,1vw,1.8rem)}.semester{font-size:clamp(1rem,1.2vw,2rem)}.courses li{font-size:clamp(1rem,1vw,1.8rem)}@media(max-width:600px){.courses{padding-left:0;margin-left:0;text-align:start}}@media(max-width:600px){.courses li{margin-bottom:2rem}}.experience-list{font-size:clamp(1rem,1vw,1.8rem)}@media(max-width:600px){.experience-list{padding-left:0;margin-left:0;text-align:start}}@media(max-width:600px){.experience-list li{margin-bottom:2rem}}.tasks{font-size:1.8vh}.contacts{color:#fff}.contacts strong{color:#94f3e4}.contacts a{color:#fff;margin-left:1%}.contacts a:hover{color:#44454b}.contact-page{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.contact-page h1{color:#fff;margin-top:3%;font-size:clamp(1.8rem,2.4vw,3.3rem);font-weight:700;text-align:center}.contact-card{width:99%;margin-top:2%;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;background-color:#1a1a1a;border:2px solid rgb(148 243 228);font-size:clamp(1rem,1.4vw,2rem)}@media(max-width:700px){.contact-page{margin-top:15%}}.contact-card p{color:#fff}.contact-card p strong{color:#94f3e4}.contact-card p a{color:#fff;white-space:normal}.contact-card p a:hover{color:#44454b}@media(max-width:300px){.contact-card{overflow-wrap:anywhere}}.project-title{color:#fff;margin-bottom:8%;font-size:clamp(1.8rem,2.4vw,3.3rem);font-weight:700;overflow-wrap:anywhere;white-space:normal;text-align:center}.project-page{width:100%;height:100%;background-color:#1a1a1a;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:5%}@media(max-width:700px){.project-page{margin-top:15%}}.project-section_and_video{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:center;text-align:center}.project-section{display:flex;width:90%;flex-direction:row;height:auto;align-items:center;justify-content:center;margin-bottom:5%;gap:6%}@media(max-width:1000px){.project-section{flex-direction:column}}.project-card{background-color:#1a1a1a;color:#fff;width:100%;height:auto;display:flex;align-items:stretch;justify-content:center;text-align:center;flex-direction:column}.project-card h1{font-size:clamp(1.5rem,2vw,2.9rem);overflow-wrap:anywhere;white-space:normal;font-weight:700}.project-text{margin-top:0;text-align:start;word-spacing:.2em;line-height:1.7;font-size:clamp(1rem,1vw,1.8rem);overflow-wrap:anywhere;white-space:normal}.more-info{color:#94f3e4;margin-top:0;text-align:start;font-weight:700;overflow-wrap:anywhere;font-size:clamp(1rem,1vw,1.8rem);white-space:normal}.more-info a{color:#fff;font-weight:400;overflow-wrap:anywhere;white-space:normal;font-size:clamp(.8rem,1vw,1.8rem)}.more-info a:hover{color:#44454b}.project-card a{color:#fff;margin-top:0;text-align:start;word-spacing:.2em;line-height:1.7;font-size:clamp(1rem,1vw,1.8rem)}.tech{color:#94f3e4;font-size:clamp(1rem,1vw,1.8rem);overflow-wrap:anywhere}.tech-text{font-size:clamp(1rem,1vw,1.8rem);color:#fff;margin-top:0;text-align:start;word-spacing:.2em;line-height:1.7}.imga{width:100%;height:90%;object-fit:scale-down}.software-engineering{color:#fff;margin-bottom:10%;margin-top:10%;font-size:clamp(1.8rem,2.4vw,3.3rem);font-weight:700;overflow-wrap:anywhere;white-space:normal;text-align:center}.highlight{color:#94f3e4}.video-box{width:60%;height:70vh;margin-top:5%;margin-bottom:10%}iframe{width:100%;height:100%}.technology1{color:#fff;margin-bottom:10%;overflow-wrap:anywhere;white-space:normal;font-size:clamp(1rem,1vw,1.8rem)}.technology2{color:#fff;margin-bottom:20%;overflow-wrap:anywhere;white-space:normal;font-size:clamp(1rem,1vw,1.8rem)}.technology-title{color:#fff;margin-bottom:5%;font-size:clamp(1.8rem,2.4vw,3.3rem);font-weight:700;overflow-wrap:anywhere;white-space:normal;text-align:center}.technology-section{display:flex;flex-direction:row;height:auto;gap:10%;align-items:center;justify-content:center;margin-bottom:10%;width:100%}@media(max-width:550px){.technology-section{display:flex;flex-direction:column;height:auto;gap:10%;align-items:center;justify-content:center;margin-bottom:10%}}