@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed: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&display=swap";html{scroll-behavior:smooth}body{background-color:#f7f7f7;margin:0;padding:0;font-family:Barlow Condensed,sans-serif;font-weight:400;font-style:normal;overflow-x:hidden}#root{display:flex;flex-direction:column;align-items:center;width:100%}::-webkit-scrollbar{display:none}.main-container{width:90vw}.main-container .header{position:relative;display:flex;flex-direction:column;border-radius:.6rem;height:40rem}.main-container .header .profile-pic{width:100%;height:50%}.main-container .header .profile-pic img{height:100%;width:100%;border-radius:.6rem .6rem 0 0;object-fit:cover;pointer-events:none}.main-container .header .profile-contact{position:absolute;top:37%;display:flex;gap:1rem;justify-content:space-around;padding:.4rem}.main-container .header .profile-contact .profile-contact-link{background-color:#fff;padding:.8rem;border-radius:.6rem;box-shadow:1px 1px 10px #0003}.main-container .header .profile-contact .profile-contact-link a{text-decoration:none;color:#000;display:flex;flex-direction:row;align-items:center;font-size:1.4rem;gap:.2rem;font-weight:500}.main-container .header .profile-contact .profile-contact-link p{font-size:1rem;color:gray;margin:0}.main-container .header .profile-info{background-color:#fff;box-shadow:1px 1px 10px #0003;border-radius:0 0 .6rem .6rem;padding:1rem}.main-container .header .profile-info h1{padding-top:1rem;font-size:2rem;margin:0;color:#caa733}.main-container .header .profile-info h4{font-size:1.2rem;color:#000;margin:0}.main-container .header .profile-info p{font-size:1rem;font-weight:500;line-height:1.4rem;color:gray}.main-container .projects-wrapper h1{margin-top:4rem;font-size:3rem;color:#caa733}.main-container .projects-wrapper .project-card{border-radius:.6rem;display:flex;flex-direction:row;background-color:#fff;margin:2rem 0;box-shadow:1px 5px 10px #0003}.main-container .projects-wrapper .project-card .project-card-left{width:70%;padding:1rem}.main-container .projects-wrapper .project-card .project-card-left h2{margin:0;font-size:2rem}.main-container .projects-wrapper .project-card .project-card-left p{font-size:1rem;line-height:1.4rem;color:gray}.main-container .projects-wrapper .project-card .project-card-left a{text-decoration:underline;color:#caa733;font-weight:600}.main-container .projects-wrapper .project-card .project-card-right{width:30%;padding:1rem}.main-container .projects-wrapper .project-card .project-card-right img{width:100%;height:100%;border-radius:.6rem;object-fit:cover}.navbar-wrapper{position:relative}.navbar-wrapper .navbar-container{position:relative;font-weight:600;display:flex;flex-direction:column;align-items:center;margin:1rem 0;border-radius:.6rem;color:#fff}.navbar-wrapper .navbar-container .menu-button{background-color:#f7f7f7;border:none;border-radius:.6rem;padding:.4rem;margin-left:auto;cursor:pointer;border:2px solid rgb(202,167,51);display:flex}.navbar-wrapper .navbar-container .nav-links{padding:0;display:flex;justify-content:space-between;list-style-type:none;flex-direction:column;gap:1rem;width:100%;max-height:0;overflow:hidden;transition:max-height .6s ease}.navbar-wrapper .navbar-container .nav-links.open{max-height:38rem}.navbar-wrapper .navbar-container .nav-links li{transition:transform .3s ease;padding:1.2rem;background-color:#fff;border-radius:.6rem;font-size:1.2rem;color:#000;border:2px solid rgb(241,241,241)}.navbar-wrapper .navbar-title{position:absolute;top:.1rem}.navbar-wrapper .navbar-title h1{margin:0;font-size:3rem;color:#caa733}.skills-wrapper{margin:4rem 0;display:flex;flex-direction:column;gap:1rem}.skills-wrapper h1{font-size:3rem;color:#caa733;margin:0}.skills-wrapper .skills-list{display:flex;flex-wrap:wrap;gap:1rem}.skills-wrapper .skills-list .skill-item{background-color:#fff;padding:1rem 2rem;border-radius:.6rem;box-shadow:1px 1px 10px #0003;font-size:1.2rem;font-weight:500;color:gray}.contact-wrapper{margin:4rem 0;display:flex;flex-direction:column;gap:1rem}.contact-wrapper h1{font-size:3rem;color:#caa733;margin:0}.contact-wrapper .contact-form-wrapper .contact-form{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}.contact-wrapper .contact-form-wrapper .contact-form input{width:40%;padding:.8rem;border-radius:.6rem;border:2px solid rgb(202,167,51);font-size:1rem;font-family:Barlow Condensed,sans-serif}.contact-wrapper .contact-form-wrapper .contact-form textarea{width:100%;height:10rem;padding:.8rem;border-radius:.6rem;border:2px solid rgb(202,167,51);font-size:1rem;resize:none;font-family:Barlow Condensed,sans-serif}.contact-wrapper .contact-form-wrapper .contact-form button{background-color:#caa733;color:#fff;border:none;padding:.6rem 2rem;border-radius:.6rem;font-size:1.2rem;cursor:pointer;font-weight:600}footer{background-color:#383838;width:100%;height:15rem}footer .socials-footer{padding:3rem 0 0;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center;gap:1rem}footer .socials-footer h2{color:#fff;font-size:1rem;font-weight:300;display:flex;align-items:center;gap:.6rem}@media (max-width: 450px){.main-container .header .profile-contact{top:42%}.main-container .header .profile-contact .profile-contact-link span{display:none}.main-container .header .profile-contact .profile-contact-link p{display:none}}@media (min-width: 450px){.main-container .header .profile-contact{top:40%}}@media (min-width: 600px){.main-container .header .profile-pic img{object-fit:cover;object-position:center 40%}}@media (min-width: 900px){.main-container{width:50vw}.main-container .header .profile-pic img{object-fit:cover;object-position:center 40%}}@media (min-width: 1500px){.main-container .header .profile-pic img{object-fit:cover;object-position:center 35%}.navbar-wrapper .navbar-container .nav-links{flex-direction:row;gap:1rem}.navbar-wrapper .navbar-container .nav-links li{width:100%}.contact-wrapper .contact-form-wrapper .contact-form input{width:46%}}