.navbar-main{position:fixed;top:0;left:50%;transform:translate(-50%);width:35%;height:4em;margin-top:1rem;border-radius:50px;display:flex;justify-content:center;align-items:center;background:#131313;z-index:9999;border:.5px solid rgba(245,245,245,.3);box-sizing:border-box}@media screen and (min-width: 300px) and (max-width: 600px){.navbar-main{width:90%;min-width:300px}}@media screen and (min-width: 601px) and (max-width: 768px){.navbar-main{width:80%}}@media screen and (min-width: 769px) and (max-width: 992px){.navbar-main{width:70%}}@media screen and (min-width: 993px) and (max-width: 1200px){.navbar-main{width:50%}}@media screen and (min-width: 1200px) and (max-width: 1440px){.navbar-main{width:40%}}.menu-option{display:flex;flex-direction:column;align-items:center;margin:.5rem;font-size:1.1rem;font-weight:300;padding:1rem 0;font-family:Inter;width:fit-content;-webkit-user-select:none;-ms-user-select:none;user-select:none}.menu-option label:hover{cursor:pointer}.menu-option .sub-menu .sub-menu-option:hover{background:#f5f5f512;border-radius:50px}.menu-option .sub-menu a{text-decoration:none;transition:all .6s ease}.menu-option:hover{cursor:pointer}.home-main{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding-bottom:3rem;box-sizing:border-box}.home-main p,.home-main h1{-webkit-user-select:none;-ms-user-select:none;user-select:none;text-align:center}.home-main p{font-size:1rem;font-weight:300}.home-main h1{padding:1rem 0 3rem;font-size:3.2rem;font-family:Inter Bold;font-weight:800}@media only screen and (min-width: 300px) and (max-width: 600px){.home-main h1{font-size:1.7rem}}@media screen and (min-width: 300px) and (max-width: 600px){.home-main h1{font-size:1.8rem}}@media screen and (min-width: 601px) and (max-width: 768px){.home-main h1{font-size:1.9rem}}@media screen and (min-width: 769px) and (max-width: 992px){.home-main h1{font-size:2rem}}@media screen and (min-width: 993px) and (max-width: 1200px){.home-main h1{font-size:2.5rem}}@media screen and (min-width: 1200px) and (max-width: 1440px){.home-main h1{font-size:2.7rem}}.home-main .container{width:100%;display:flex;flex-direction:column;align-items:center}.home-main .container p,.home-main .container h1{width:fit-content}.home-main .container .btn-container{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}.home-main .container .btn-container .first-btn{background:#f5f5f5;color:#131313}.home-main .container .btn-container .second-btn{background:#535353}.home-main .container .btn-container button{width:10rem;-webkit-appearance:button;-moz-appearance:button;appearance:button;backface-visibility:hidden;border-radius:6px;border-width:0;box-shadow:#32325d1a 0 0 0 1px inset,#32325d1a 0 2px 5px,#00000012 0 1px 1px;box-sizing:border-box;color:#fff;cursor:pointer;font-family:Inter;font-weight:400;height:44px;line-height:1.15;margin:0 10px;outline:none;overflow:hidden;padding:0 25px;position:relative;text-align:center;text-transform:none;transform:translateZ(0);transition:all .2s,box-shadow .08s ease-in;user-select:none;-webkit-user-select:none;touch-action:manipulation}.home-main .container .btn-container button:hover{background:#131313;color:#f5f5f5;border:.5px solid rgba(245,245,245,.3)}.experiance-main{width:100%;min-height:100vh;padding-bottom:3rem;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.experiance-main .container{width:80%;height:fit-content;display:flex;justify-content:center;align-items:center;box-sizing:border-box;margin-top:2rem}@media screen and (min-width: 300px) and (max-width: 768px){.experiance-main{min-width:300px}.experiance-main .container{width:90%;min-width:300px}}@media screen and (min-width: 769px) and (max-width: 992px){.experiance-main{min-width:769}}@media screen and (min-width: 993px) and (max-width: 1200px){.experiance-main{min-width:993px}}@media screen and (min-width: 1200px) and (max-width: 1440px){.experiance-main{min-width:1200px}}@media screen and (min-width: 1440px){.experiance-main{min-width:1200px}}.experiance-main h2,.experiance-main p{width:fit-content;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-family:Inter}.experiance-main p{font-size:1rem;font-weight:200}.experiance-main h2{width:fit-content;font-size:3rem}.project-info{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-around;margin:1rem;border-radius:15px;padding:10px}.project-info .img{width:50%;height:inherit;display:flex;justify-content:center;align-items:center}.project-info .img img{max-height:300px;object-fit:cover}.project-info .center-line{width:1px;height:inherit}.project-info .card{margin:0 1rem;width:50%;height:fit-content;box-sizing:border-box}.project-info .card h4,.project-info .card span,.project-info .card li{-webkit-user-select:none;-ms-user-select:none;user-select:none;width:fit-content;font-family:Inter}.project-info .card i{font-weight:300}.project-info .card h4{font-size:1rem}.project-info .card span{font-weight:200;padding-bottom:.6rem}.project-info .card span,.project-info .card li{font-size:.8rem}.project-info .card ul{margin-left:2rem;box-sizing:border-box;width:fit-content}.project-info .card ul li{width:fit-content}@media screen and (min-width: 300px) and (max-width: 768px){.project-info .img{display:none}.project-info .card{width:90%}}.project-main{width:100%;height:fit-content;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding-bottom:3rem}.project-main h2,.project-main p{width:fit-content;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-family:Inter}.project-main p{font-size:1rem;font-weight:200}.project-main h2{width:fit-content;font-size:3rem}.project-main .project-container{width:70%;display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;margin:2rem}.card img{object-fit:cover}.card h4,.card p,.card i{width:fit-content;height:fit-content;padding:0;margin:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-family:Inter}.card .action{display:flex;justify-content:center;gap:.5rem;margin-top:auto}.card .action button{font-weight:600;transition:all .3s ease;padding:1rem;max-width:8rem;border-radius:2rem;font-size:.8rem;font-weight:400}.card .action button:hover{cursor:pointer}.contact-main{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.contact-main .container{width:100%;display:flex;margin:2rem;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.contact-main .container p{width:fit-content;font-size:1rem;font-weight:300;font-family:Inter}.contact-main .container h2{width:fit-content;font-size:3rem;margin-bottom:1rem;padding:1rem 0;font-family:Inter}.contact-main .container .contact-form{padding:2rem;box-sizing:border-box;font-family:Inter}.contact-main .container .contact-form label{display:block;margin-bottom:.5rem}.contact-main .container .contact-form input{width:-webkit-fill-available;padding:.6rem;margin-bottom:1rem;font-family:Inter;font-size:.9rem;border-radius:4px;resize:none;background:transparent;outline:none}.contact-main .container .contact-form textarea{width:-webkit-fill-available;padding:.6rem;margin-bottom:1rem;font-family:Inter;font-size:.9rem;border-radius:4px;resize:none;background:transparent;outline:none;height:8rem}.contact-main .container .contact-form input[type=submit]{width:10%;min-width:4rem;margin-top:1rem;transition:"all 300ms ease";padding:.5rem;border:none;border-radius:4px;cursor:"pointer";font-family:Inter;font-weight:600}@media screen and (min-width: 300px) and (max-width: 600px){.contact-main .container .contact-form{width:95%;padding:1rem}}@media screen and (min-width: 601px) and (max-width: 768px){.contact-main .container .contact-form{width:80%;padding:1rem}}@media screen and (min-width: 769px) and (max-width: 992px){.contact-main .container .contact-form{width:70%;padding:1.5rem}}@media screen and (min-width: 993px) and (max-width: 1200px){.contact-main .container .contact-form{width:60%;padding:2rem}}@media screen and (min-width: 1200px) and (max-width: 1440px){.contact-main .container .contact-form{width:50%;padding:2rem}}@media screen and (min-width: 1440px){.contact-main .container .contact-form{width:50%;padding:2rem}}@font-face{font-family:Inter;src:url(/assets/Inter-Regular-DYjygwQm.ttf);font-weight:400;font-display:swap}@font-face{font-family:Inter Bold;src:url(/assets/Inter-Bold-zdiomvYZ.ttf);font-weight:400;font-display:swap}@font-face{font-family:Source Code Pro;src:url(/assets/SourceCodePro-Regular-DcvXplQR.ttf);font-weight:400;font-display:swap}*{width:100%;height:fit-content;padding:0;margin:0}body{font-family:Inter;line-height:1.5;font-weight:400}::-webkit-scrollbar{display:none}.skills-main{width:100%;height:fit-content;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding-bottom:3rem;box-sizing:border-box}.skills-main h2,.skills-main p{width:fit-content;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-family:Inter}.skills-main p{font-size:1rem;font-weight:200}.skills-main h2{font-size:3rem}.skills-main .card .top-left,.skills-main .card .top-right,.skills-main .card .bottom-left,.skills-main .card .bottom-right{width:20px;height:20px;background:transparent}.skills-main .card .info{width:100%;height:100%;transition:all .2s ease-in-out}.skills-main .card .info .circle-expand{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.skills-main .card .info .circle-expand h2,.skills-main .card .info .circle-expand svg{transition:all .2s ease-in-out}.skills-main .card .info h2{color:inherit;width:fit-content;font-family:Inter}.skills-main .card svg{width:50px;height:50px}.footer-main svg{width:12px;height:12px;fill:red}