@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap);:root{--primary-color:#11121a;--hover-color:#272832;--accent-color:#0071ff;--title-color:#fff;--text-color:#c9c9c9}*{box-sizing:border-box;margin:0;padding:0}html{color:#c9c9c9;color:var(--text-color);font-family:Poppins,Segoe UI,sans-serif;scroll-behavior:smooth;scroll-snap-type:y proximity}body{background-color:#11121a;background-color:var(--primary-color);min-height:90dvh;overflow-x:hidden;overflow-y:scroll;scroll-behavior:smooth}main{padding:min(5em,7%)}main p{margin-top:.35em}nav{background-color:#11121a;background-color:var(--primary-color);border-bottom:1px solid #272832;border-bottom:1px solid var(--hover-color);position:sticky;top:0;z-index:10}nav li,nav ul{display:flex}nav ul{list-style:none}nav .home-li{margin-right:auto}nav a{color:#c9c9c9;color:var(--text-color);display:flex;padding:1em 2em;text-decoration:none}nav a:hover{background-color:#272832;background-color:var(--hover-color)}nav a.active-link{border-bottom:2px solid #c9c9c9;border-bottom:2px solid var(--text-color)}nav a.accent-link{background-color:#0071ff;background-color:var(--accent-color)}#open-sidebar-button{margin-left:auto}#close-sidebar-button,#open-sidebar-button{background:none;border:none;cursor:pointer;display:none;padding:1em}#overlay{background-color:#00000080;display:none;inset:0;position:fixed;z-index:9}h1{color:#fff;color:var(--title-color)}.profileWrapper{opacity:0;scroll-snap-align:start;transform:translateY(20px);transition:transform 1s ease,opacity 1s ease}#profileNoTransform{transform:translateY(0)}.profileWrapper--visible{opacity:1;transform:translateY(0)}.aboutProfile,.contactProfile,.homeProfile,.projectsProfile,.skillsProfile{align-items:center;display:flex;justify-content:center;min-height:100dvh;padding:1rem}.aboutContainer,.contactContainer,.projectsContainer,.skillsContainer{justify-content:center;width:100dvh}#profileTitle{font-size:4em}#home{scroll-snap-align:start;transition:transform 1s ease,opacity 1s ease}.homeContainer{display:flex;flex-direction:row}.homeProfileBoxes{align-items:center;display:flex;justify-content:center;padding:14px}.homeProfileBoxes svg{height:100px;width:100px}#welcomeMessage{align-content:flex-start;font-size:90px}.titleName{color:#1d1878}#contactButtonContainer{align-items:flex-end;display:flex;justify-content:flex-start}#contactButton{background-color:#0071ff;background-color:var(--accent-color);border:none;border-radius:18px;color:#fff;cursor:pointer;font-size:22px;padding:26px 45px;transition:background-color .3s ease}#profileContactButton{text-decoration:none}#contactButton:hover{background-color:#2e46ff}#socials{align-items:center;justify-content:flex-start}button:hover{background-color:#0056b3}.aboutProfile{font-size:20px}.aboutMeContent{max-width:80%}.skillsProfileTitle{min-width:10rem}.skillsListContainer{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:space-around;max-height:500px;max-width:100%}.skillsBoxes{display:flex;flex-direction:row;gap:8px;height:100px;min-width:240px}.skillsBoxes img{height:100%;width:100%}.skillsBoxesTitle{align-items:center;display:flex;flex-direction:column;justify-content:center}.projectsListContainer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.projectsListContainer a{color:#280e7f;text-decoration:none}.projectsListContainer a:hover{color:#3e19ba}.projectProfileTitle{display:flex}.projectsProfileBoxes{cursor:pointer;overflow:hidden;padding:.5rem;position:relative}#projectsListImage{height:20dvh;width:15dvw}.projectsProfileBoxes img{height:100%;object-fit:cover;transition:.3s;width:100%}.projectInfo{background:#000c;bottom:0;color:#fff;left:0;opacity:0;padding:10px;position:absolute;text-align:center;transform:translateY(100%);transition:opacity .3s ease,transform .3s ease;width:100%}.projectsProfileBoxes.clicked .projectInfo,.projectsProfileBoxes:hover .projectInfo{opacity:1;transform:translateY(0)}.modalOverlay{align-items:center;background:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.modalContent{animation:fadeIn .3s ease;background:#11121b;border-radius:8px;max-width:600px;padding:2rem;position:relative;text-align:center;width:90%}.modalImage{margin-bottom:1rem;max-height:100%;object-fit:contain;width:100%}.closeButton{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;position:absolute;right:15px;top:10px}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.contactContainer{gap:3em}.contactListContainer{flex-direction:column;justify-content:space-between;padding-left:8%;padding-right:8%}.contactProfileBoxes{align-items:center;display:flex;padding:1.5%}.contactProfileBoxes textarea{height:350px}#contactTitle{font-size:60px}.senderEmail,.senderName,.senderSubject{font-size:23px;padding:2%}.senderEmail,.senderMessage,.senderName,.senderSubject{border-radius:8px;height:100%;width:100%}.senderMessage{font-size:17px;padding:2%}.contactSendContainer{align-items:flex-end}#contactSendContainer{align-items:flex-start;display:flex;justify-content:flex-end}.contactSendButton{background-color:#0071ff;background-color:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:22px;padding:15px 30px;transition:background-color .3s ease}.contactSendButton:hover{background-color:#0056b3}.popup{background:#000c;border-radius:10px;color:#fff;font-size:18px;left:50%;padding:20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}@media screen and (max-width:700px){html{scroll-snap-type:none}#close-sidebar-button,#open-sidebar-button{display:block}nav{background-image:"/images/image-removebg-preview.png";border-left:1px solid #272832;border-left:1px solid var(--hover-color);height:100vh;position:fixed;right:-100%;top:0;transition:right .3s ease-out;width:min(15em,100%);z-index:10}nav.show{right:0}nav.show~#overlay{display:block}nav ul{flex-direction:column;width:100%}nav a{padding-left:2.5em;width:100%}.aboutProfile,.contactProfile,.homeProfile,.projectsProfile,.skillsProfile{min-height:70dvh;padding-top:0}#profileTitle{font-size:55px}.homeProfile #welcomeMessage{font-size:7dvh}.homeContainer{flex-direction:column}#contactButtonContainer{align-items:flex-end;display:flex;justify-content:flex-start}#contactButton{font-size:20px;padding:12px}.homeSocial-icon svg{gap:1em}#profilePicture img{height:100%;width:100%}.aboutProfile{font-size:15px}.skillsPorfileBoxes{background-color:#0071ff}.skillsListContainer{justify-content:end;max-height:130dvh}.skillsBoxes{height:55px}.skillsBoxes img{height:55px;width:55px}.skillsBoxesTitle{font-size:13px}#projectsListImage{height:200px;width:300px}}
/*# sourceMappingURL=main.e9b0e29d.css.map*/