.container{display:flex;flex-direction:column}.navbar{display:flex;justify-content:space-between;width:100%;box-shadow:0 2px 5px #00000029,0 2px 10px #0000001f;background:linear-gradient(#996a23ee,#e0e4e4ee);padding:10px;height:40px;position:sticky;top:0}.logo{width:30px}.logo img{display:block;width:100%;height:auto}.links{list-style:none;display:flex;gap:15px;flex-wrap:wrap;font-size:14px}.link a{text-decoration:none;color:#000}.link a:hover{color:#fff}section{min-height:100vh}#about{background-image:url(/images/bg3.svg);background-repeat:no-repeat;background-size:cover}.about-content{display:flex;justify-content:center;align-items:center;margin-top:8%;gap:10px;flex-wrap:wrap}.profile-image{width:400px;height:auto}.profile-image img{width:100%;height:auto;display:block;border:1px solid #726241;box-shadow:1px 3px 1px 2px #726241;border-radius:50%}.profile-info{width:50%;background-color:#eddfc7}.card-body{font-size:13px}#expertise,#projects{display:flex;flex-direction:column;gap:10px;background-color:#e0e4e4ee}#expertise .card{width:350px;background-color:#f3e5d2;border:1px solid black;border-radius:30px}.expertise-header{display:flex;justify-content:center;align-items:center}.experiences{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px}#expertise .card-body{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;min-height:145px}.skill{display:flex;justify-content:space-between;gap:4px}.fa-brands{font-size:35px}.skill.sqlite,.skill.git-skill{margin:auto}.git .card-header{padding:5px}.short-term-goals{display:flex;justify-content:center}.short-term-goals img{display:block}@media screen and (max-width: 835px){.card.profile-info{width:80%}}#projects{background-color:#fff}.projects-header{display:flex;justify-content:center;align-items:center}.projects{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;width:80%;margin:auto}#projects .card{width:300px}#projects .card-header{padding:0}#projects .card-header img{display:block;width:100%;min-height:300px;border-top-left-radius:5px;border-top-right-radius:5px}#projects .card-body{display:flex;flex-direction:column;gap:10px}.project-info .title{display:flex;justify-content:space-between}.project-info .text{font-size:12px}.techo-list{padding-left:17px}.techo-list ul{list-style-type:square}#projects .card-footer{border-top:1px solid rgb(177,176,175);display:flex;justify-content:space-between}.project-links{list-style-type:none;display:flex;gap:10px}.project-links a{text-decoration:none}.project-links .fa,.project-links .fa-brands{display:block;font-size:16px;color:#704709ee}.footer-text{font-size:13px}.techo-list ul{display:flex;justify-content:space-between;flex-wrap:wrap}.techo-list ul li{width:50%}.badge{background-color:#704709ee;border-radius:10px;color:#fff;padding:0 5px;font-size:10px}section#contacts{display:flex;justify-content:center;align-items:center;min-height:90vh;flex-wrap:wrap;background-image:url(/images/contact-bg.svg);margin-top:1%}.contact-header{width:100%;text-align:center}.contacts-content{display:flex;width:800px}.contacts-content .card{background-color:#212121;width:58%;opacity:.8;border-top-right-radius:0;border-bottom-right-radius:0}input{background-color:#212121;color:#fff}textarea{background-color:#212121;color:#fff;font-weight:400;padding:10px}.contacts-content .card-header{color:#fff}.contact-image{width:42%}.contact-image img{width:100%;min-height:500px;display:block;border-radius:0 5px 5px 0}form{display:grid;grid-template-columns:1fr;grid-template-rows:auto;row-gap:10px}.input-group{display:flex;border:1px solid #ffffff;border-radius:5px;font-size:14px;color:#fff}.input-field{border:none;padding-left:5px;font-size:15px;width:100%}.input-field:focus{outline:none}.input-icon,.input-text{padding:2px 5px}.input-icon{border-right:1px solid #808080;background-color:#6161552f;border-top-left-radius:5px;border-bottom-left-radius:5px}.input-text{border-left:1px solid #808080}.textarea{border:1px solid #ffffff;border-radius:5px;font-size:14px;min-height:200px}button .btn-img{width:50px;height:30px;border-radius:50%;display:block}button{padding:8px 36px;border-radius:3px;cursor:pointer}button.btn-dark{background:#212121;border:1px solid #ffffff;color:#fff}button.btn-loading{display:flex;justify-content:center;align-items:center;gap:30px;padding:0}.success-message{display:flex;justify-content:space-between;align-items:center;background-color:#95e995;color:#000;border-radius:5px;padding:10px}.error-message{display:flex;justify-content:space-between;align-items:center;background-color:#ff3547;color:#fff;border-radius:5px;padding:10px}.contacts-content .footer{margin-top:30px;color:#d8a20e;font-size:12px;text-align:center}