.about-section{display:flex;flex-direction:column;justify-content:center;padding:30px 0;max-width:1280px;margin:0 auto}.about-elements{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;align-items:center;margin-top:120px}.about-me-text{width:400px;height:445px;padding:35px;border-radius:25px}.about-me-text h2,.projects-section h2,.skills-section h2,.contact-section h2{font-size:2.5rem;font-weight:800}.about-me-text p{font-size:1.1rem;padding-top:10px}.box1{background-color:#e6e6fa99}.box2{box-shadow:0 20px 40px #0003}.box2 p{padding-top:10px}.box2 svg{stroke:#dcdcee;fill:#dcdcee;cursor:pointer}.box2 svg:hover{stroke:#b9b9c9;fill:#b9b9c9}.social-links{padding-top:15px;display:flex;justify-content:end}.about-me-image{width:400px;height:445px;text-align:center;border-radius:12px}.about-me-image img{width:100%;height:100%;border-radius:20px;object-fit:cover;object-position:center}@media (max-width: 880px){.about-me-text{width:340px;height:400px}.about-me-text h2{font-size:2rem}.about-me-text p{font-size:.95rem}.about-me-image{width:340px;height:400px}.social-links{justify-content:end}}@media (max-width: 455px){.box1,.box2{align-content:center;padding:30px}.about-me-text{width:340px;height:370px}.about-me-text h2{font-size:1.8rem}.about-me-text p{font-size:.95rem}.about-me-image{width:340px;height:400px}}.contact-section{text-align:center;background-color:#f5f4f480;padding:30px 0;justify-items:center}.contact-section-contact-wrapper{margin:0 auto}.contact-section .title{margin-top:80px}.contact-section h2{font-size:2.5rem;font-weight:800}.contact-tag-line{font-size:1.3rem;padding-bottom:10px}.contact-me-links{display:flex;justify-content:center;align-content:center}.contact-me-links a{text-decoration:none}.linkedIn a,.email,.gitHub a{display:grid;align-items:center;padding:0 10px}.email{position:relative}.email-content{position:absolute;padding:12px;border-radius:12px;top:-50px;left:-100px;background-color:#000}.email-content h4{color:#fff}.contact-me-links svg{stroke:#b9b9c9;fill:#b9b9c9;cursor:pointer}.contact-me-links svg:hover{stroke:#9f9fad;fill:#9f9fad;cursor:pointer}.contact-section form{display:flex;flex-direction:column;max-width:600px;width:100%;margin:30px auto auto;padding:0 10px 60px;gap:15px;justify-items:center}.contact-section input,.contact-section textarea{height:40px;border-radius:10px;padding:15px;font-size:1rem;border:none;box-shadow:0 1px 10px #0000001a}.contact-section button{height:40px;border-radius:20px;padding:10px;font-size:1rem;border:none;box-shadow:0 1px 3px #0003;background-color:#e6e6e6}.contact-section button{cursor:pointer}#message{height:140px}.contact-section button:hover{background-color:#000;color:#fff}@media (max-width: 880px){.contact-section .title{font-size:2rem}.contact-tag-line{font-size:1.1rem;padding-bottom:20px}}@media (max-width: 455px){.contact-section .title{font-size:1.8rem}}.projects-section{text-align:center;padding:30px 0;position:relative;max-width:1280px;margin:0 auto}.projects-section .title{margin-top:120px}.projects-section h2{font-size:2.5rem;font-weight:800}.projects-tag-line{font-size:1.3rem;padding-bottom:10px}.project-links{display:flex;flex-wrap:wrap;gap:60px;justify-content:center;align-items:center;padding:20px;margin:0 auto}.project-container{position:relative;width:370px;height:440px;margin-top:40px;display:grid;grid-template-rows:1fr 2fr;border-radius:25px;transition:margin-top .5s;cursor:pointer;box-shadow:0 20px 40px #0003}.project-container:hover{background-color:#f5f5f5cc}.image-container{height:160px;width:auto}.image-container img{width:100%;height:100%;object-fit:cover;object-position:left top;border-radius:22px 22px 0 0}.project-text{padding:30px;text-align:start}.project-text h3{color:#000;font-weight:500}.project-text p{font-size:1rem;color:#000;padding-top:10px;padding-bottom:10px}.even-project{background-color:#e6e6fa99;box-shadow:none}span{font-weight:500;color:#000}.overlay{position:fixed;top:0;left:0;right:0;z-index:200;height:100vh;padding:2rem;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow-y:scroll;display:flex;justify-content:center}@keyframes fadeInUpBounce{0%{opacity:0;transform:translateY(200px)}60%{opacity:1;transform:translateY(-10px)}80%{transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.overlay-card{width:100%;max-width:800px;height:fit-content;border-radius:25px;overflow:hidden;background:#fff;box-shadow:0 2px 10px #0000001a;cursor:auto;animation:fadeInUpBounce .4s forwards ease-in-out}.close-modal{position:absolute;top:-5px;right:20px;margin-top:20px;background:none;color:#fff;padding:5px;border:none;border-radius:5px;cursor:pointer;font-size:1rem}.overlay-card img{width:100%;height:auto;max-height:400px;object-fit:cover;object-position:top left;border-radius:10px 10px 0 0}.overlay-text{padding:40px 40px 0;justify-items:start}.no-scroll{overflow:hidden}.selected-project-name{padding:10px 0}.selected-project-descr{text-align:start;font-size:1.1rem}.selected-project-descr li{font-size:1.1rem;font-family:Open Sans;padding:0 20px}.overlay-links{display:flex;justify-content:flex-start;text-align:center;align-items:center;padding:30px 40px;font-size:1.2rem}.overlay-links svg{stroke:#b9b9c9;fill:#b9b9c9;display:inline-block;margin-left:10px}@media (max-width: 880px){.project-title-section h2,.overlay-text h2{font-size:2rem}.project-tag-line{font-size:1.1rem}.project-text p,.overlay-text p,.selected-project-descr li{font-size:.95rem}.project-container{width:340px;height:420px;margin-top:20px;text-align:center;align-items:center}.project-text{padding:20px}.project-links{gap:30px}.overlay-card{width:100%;max-width:600px;height:fit-content}.overlay-links{font-size:1rem}}@media (max-width: 660px){.overlay-card{width:100%;max-width:500px;height:fit-content}.overlay-text{padding:25px 25px 0;justify-items:start}}@media (max-width: 455px){.project-title-section h2{font-size:1.8rem}.projects-tag-line{font-size:1.1rem}.project-container{width:340px;height:400px}.overlay{padding:1.5rem}.overlay-text h2{font-size:1.6rem}.project-text p,.overlay-links{font-size:.9rem}.overlay-text p,.selected-project-descr li{font-size:.85rem}.overlay-card{width:100%;max-width:420px;height:fit-content}.overlay-text{padding:20px 20px 0;text-align:start;justify-items:start}.project-links{padding:5px}.close-modal{position:absolute;top:-15px;right:12px;font-size:1rem}}.skills-section{text-align:center;padding:30px 0;max-width:1280px;width:100%;margin:0 auto 60px}.skills-section .title{margin-top:120px}.skills-section h2{font-size:2.5rem;font-weight:800}.skills-tag-line{font-size:1.3rem;padding-bottom:10px}.skills-grid{display:flex;flex-wrap:wrap;justify-content:center;justify-items:center;gap:20px}.skill-card{height:auto;width:220px;border-radius:35px;display:grid;grid-template-rows:auto 1fr;margin:40px 0;padding:20px;background-color:#e6e6fab3}.skill-card h3{color:#000;font-weight:500}@media (max-width:880px){.skills-section h2{font-size:2rem}.skills-tag-line{font-size:1.1rem}}@media (max-width: 540px){.skills-grid{gap:15px}.skill-card{height:auto;width:140px;padding:15px;margin:30px 0}.skill-svg svg{width:75px;height:75px}.skill-text h3{font-size:1rem}}@media (max-width: 455px){.skills-section h2{font-size:1.8rem}}.navigation-bar{position:sticky;top:0;z-index:100;display:grid;grid-template-rows:1fr;text-align:start;background-color:#e6e6fa;padding:15px 0}.nav-buttons{display:grid;grid-template-columns:3fr 1fr;justify-content:center;align-items:center;border-radius:30px;margin:0 auto;padding:0 20px}#nav-name{color:#424242;padding:10px 10px 10px 20px;text-decoration:none;font-weight:500;font-size:1.2rem}#nav-initials{display:none}.nav-links{grid-column:2 / span 1;display:grid;grid-template-columns:repeat(4,auto);margin:0 10px;justify-content:center;text-decoration:none;font-weight:500;font-size:1.1rem}.nav-links *{padding:10px;text-decoration:none;color:#424242}.nav-links *:hover{background-color:#afafaf40;border-radius:15px}@media (max-width: 880px){.nav-buttons{padding:0}.nav-links *{padding:10px 5px}}@media (max-width: 455px){.navigation-bar{padding:10px 0 5px}#nav-name{font-size:1.1rem}.nav-links{font-size:1rem}}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth;font-family:Poppins;color:#424242}.container{display:flex;flex-direction:column;height:100vh}main{flex:1;display:flex;flex-direction:column}.title-section{position:relative;flex:0 0 80vh;display:flex;text-align:center;align-items:center;background:linear-gradient(to bottom,#e6e6fa,#fff);padding:40px 30px 0}.title{margin:0 auto}.title-section h1{font-size:6rem;font-weight:600;padding:10px 10px 10px 0}.title-section span{color:#b9b9c9}.title-section button{margin-top:30px;padding:10px;border-radius:30px;background-color:#e6e6e6;border:1px solid #666;cursor:pointer;color:#000}.title-section button:hover{background-color:#000;color:#fff}.first-line,.second-line,.title p,.title button{opacity:0;transform:translateY(40px);animation:fadeInUp .7s ease-out forwards}.first-line{animation-delay:.1s}.second-line{animation-delay:.3s}.title p{animation-delay:.5s}.title button{animation-delay:.7s}p{font-family:Poppins;font-weight:400}.title-section p{font-size:1.3rem;padding-bottom:10px}.animated-section{opacity:0;transform:translateY(120px) scale(.9);transition:opacity .5s ease-out,transform .5s ease-out}.animated-section.in-view{opacity:1;transform:translateY(0) scale(1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.footer-section{display:grid;padding:20px;background-color:#f5f4f480;color:#6e6c6c}.footer-text{display:grid;width:100%;max-width:1280px;margin:0 auto}@media (max-width: 1350px){.title-section{padding:40px 20px 0}.title-section h1{font-size:5rem}}@media (max-width: 1140px){.title-section h1{font-size:4rem}}@media (max-width: 915px){.title-section h1{font-size:3.4rem}.title-section p{font-size:1.1rem}}@media (max-width:500px){.title-section{flex:0 0 70vh;padding:40px 20px 0}.title-section h1{font-size:2.8rem}.about-section,.projects-section,.skills-section,.contact-section{padding:15px}.about-elements,.projects-section .title,.skills-section .title{margin-top:80px}}@font-face{font-family:Geist;src:local("GeistRegular"),url(/assets/Geist-Regular-BI1mUWmY.ttf) format("truetype");font-weight:400}@font-face{font-family:Geist;src:local("GeistSemiBold"),url(/assets/Geist-SemiBold-CgtgpyO2.ttf) format("truetype");font-weight:800}@font-face{font-family:Geist;src:local("GeistMedium"),url(/assets/Geist-Medium-ecljcr0e.ttf) format("truetype");font-weight:600}@font-face{font-family:Poppins;src:local("PoppinsBold"),url(/assets/Poppins-Bold-qTAUjFF7.ttf) format("truetype");font-weight:600}@font-face{font-family:Poppins;src:local("PoppinsMedium"),url(/assets/Poppins-SemiBold-B_fPDAUb.ttf) format("truetype");font-weight:500}@font-face{font-family:Poppins;src:local("PoppinsLight"),url(/assets/Poppins-Light-DT6-CsId.ttf) format("truetype");font-weight:400}@font-face{font-family:Lora;src:local("LoraRegular"),url(/assets/Lora-Regular-BFWPgoKa.ttf) format("truetype");font-weight:400}@font-face{font-family:Open Sans;src:local("OpenSansRegular"),url(/assets/OpenSans-Regular-DxJTClRG.ttf) format("truetype");font-weight:400}@font-face{font-family:Lato;src:local("LatoRegular"),url(/assets/Lato-Regular-BwLIet1C.ttf) format("truetype");font-weight:400}