@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;800&display=swap";.cont__about{width:100%;min-height:100vh;padding:6rem 0 1rem}.cont__about span{color:var(--emphasis-color)}.cont__about div{flex-wrap:wrap;margin-top:1.5rem}.about__prof-card-image{display:flex;flex-basis:50%;flex-direction:column;align-items:center;margin-top:2rem;padding:1rem}.about__prof-card-image img{width:200px;height:200px;background-color:var(--back-color-sec);border-radius:50%;object-fit:cover;object-position:0px 10px;box-shadow:0 3px 10px #333333ec}.about__prof-card-image div{padding:1rem;width:60%}.about__prof-card-image div p{text-align:center;font-size:.9rem;margin-top:.5rem;padding:.3rem}@media screen and (max-width: 900px){.about__prof-card-image div{width:100%}}@media screen and (max-width: 450px){.about__prof-card-image{flex-basis:100%}}.about__prof-list-skills{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:1rem}.about__prof-list-skills h3{margin-bottom:1.5rem}.about__prof-list-skills div{margin:0}.about__prof-card-info{display:flex;flex-basis:50%;flex-direction:column;align-items:center;gap:1rem}.about__prof-card-info ul{padding:0;margin-bottom:1rem}@media screen and (max-width: 600px){.about__prof-card-info ul{display:none}}.about__prof-card-info span{font-weight:bolder;color:var(--emphasis-color)}.about__prof-card-info li{border-bottom:1px solid var(--emphasis-color);list-style-type:none;padding-bottom:12px;padding-top:12px}.about__prof-card-info a{padding:.8rem 2.6rem;border-width:2px;border-radius:5rem;background-color:var(--back-color-sec);box-shadow:0 3px 10px #333333ec;cursor:pointer;text-decoration:none;font-weight:bolder;color:var(--text-color)}.about__prof-card-info a:hover{opacity:.7}@media screen and (max-width: 600px){.about__prof-card-info a{white-space:nowrap}}.skill__list{display:flex;padding:1rem;justify-content:space-around;gap:2rem}.skill__list-card{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.skill__list-card div{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:5rem;background-color:var(--dark-color);box-shadow:0 3px 10px #333333ec}.skill__list-card div svg{width:60%;height:60%;color:var(--emphasis-color)}.skill__list-card p{margin-top:.3rem;font-size:.75rem}.cont__contact{width:100%;min-height:100vh;padding:6rem 0 1rem;background-color:var(--back-color)}.cont__contact span{color:var(--emphasis-color)}.cont__contact div{margin-top:1.5rem}@media screen and (max-width: 600px){.cont__contact div{flex-direction:column}}.contact__card{display:flex;align-items:center;gap:.5rem;margin:1.5rem;padding:1.5rem 1rem;border-radius:5px;background-color:var(--back-color-sec);box-shadow:0 3px 10px #333333ec;cursor:pointer;text-decoration:none}.contact__card span{color:var(--text-color);font-weight:bolder;font-size:.8rem}.contact__card svg{color:var(--emphasis-color)}.contact__card:hover{opacity:.7}@media screen and (max-width: 600px){.contact__card{white-space:nowrap;padding:1rem;margin:.5rem}}.contact__form{display:flex;flex-direction:column;width:60%;justify-content:center;align-items:center}.contact__form div{width:100%;margin:.75rem 0;border-radius:10px;cursor:pointer;transition:all .3s ease-in-out}.contact__form div input,.contact__form div textarea{width:100%;padding:.95rem;border:none;border-radius:7px;outline:none;background-color:var(--text-color);color:var(--back-color)}.contact__form div textarea{height:170px}.contact__form div:hover{box-shadow:1px 1px 30px #333333ec}.contact__form button{padding:.8rem 2.6rem;margin-top:1.5rem;border-radius:5rem;border:none;background-color:var(--back-color-sec);box-shadow:0 3px 10px #333333ec;cursor:pointer;font-weight:bolder;color:var(--text-color)}.contact__form button:hover{opacity:.7;color:var(--emphasis-color)}@media screen and (max-width: 600px){.contact__form{width:90%;font-size:.8rem}}.contact__thankyou-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.contact__thankyou-message p{padding:.5rem;font-size:2.3rem;letter-spacing:.5rem;font-weight:bolder;color:var(--emphasis-color)}.cont__portfolio{width:100%;min-height:100vh;padding:6rem 0 1rem;background-color:var(--back-color-sec)}.cont__portfolio h2{margin-bottom:2.5rem}.cont__portfolio span{color:var(--emphasis-color)}.cont__portfolio div{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.portfolio__card{width:350px;flex-direction:column;margin:2rem;padding:1rem;border-radius:.5rem;cursor:pointer;transition:all .3s ease;background-color:var(--dark-color);box-shadow:0 3px 10px #333333ec}.portfolio__card:hover{box-shadow:0 .6px 5px var(--emphasis-color)}@media screen and (max-width: 900px){.portfolio__card{width:250px;height:300px}}.portfolio__card-img{width:100%;height:400px;position:relative;overflow:hidden}.portfolio__card-img img{width:85%;height:100%;border-radius:.5rem;object-fit:cover}.portfolio__hover{position:absolute;display:flex;flex-direction:column;align-items:center;padding:1rem;bottom:0;width:100%;height:100%;gap:1rem;border-radius:.5rem;transition:all .3s ease;background-color:var(--dark-color)}.portfolio__hover-info{display:flex;flex-direction:column}.portfolio__hover-info h4{text-align:center;margin-bottom:.5rem;color:var(--emphasis-color)}.portfolio__hover-info p{font-size:.9rem;font-weight:450;text-align:center}@media screen and (max-width: 900px){.portfolio__hover-info p{display:none}}.portfolio__hover-links div{width:50px;height:50px;border-radius:50%;background-color:var(--text-color);color:var(--text-color);margin:1rem;cursor:pointer;transition:all .3s ease}@media screen and (max-width: 900px){.portfolio__hover-links div{width:30px;height:30px}}.portfolio__hover-links div svg{width:70%;height:70%;color:var(--back-color-sec)}@media screen and (max-width: 900px){.portfolio__hover-links div svg{width:100%;height:100%}}.portfolio__hover-tags ul{display:flex;padding:0;gap:1rem}@media screen and (max-width: 900px){.portfolio__hover-tags ul{gap:.3rem}}.portfolio__hover-tags li{list-style:none;font-size:.8rem;color:var(--text-color);font-weight:700;padding:.2rem;background-color:var(--dark-color);border-radius:5px;box-shadow:0 .6px 5px var(--emphasis-color);transition:all .3s ease}.cont__home{flex:1;width:100%;min-height:100vh;display:flex;justify-content:center;gap:2rem;padding:1rem;align-items:center;background-color:var(--back-color-sec)}@media screen and (max-width: 900px){.cont__home{flex-direction:column}}.home__hero-title{display:flex;flex-direction:column;align-items:flex-start;font-size:2rem;gap:1rem}.home__hero-title h1{letter-spacing:.5rem}@media screen and (max-width: 900px){.home__hero-title{padding:0 1.5rem;font-size:1.6rem}}.home__hero-sub-title{display:flex;gap:1rem;align-items:center}.home__hero-sub-title span{color:var(--emphasis-color);letter-spacing:.5rem;font-weight:bolder;font-size:2rem}@media screen and (max-width: 900px){.home__hero-sub-title{font-size:.8rem}}.nav__social{display:flex;gap:1rem}.nav__social button{display:flex;justify-content:center;align-items:center;background-color:var(--back-color);appearance:none;width:40px;height:40px;border-radius:50%;border:3px solid var(--text-color);cursor:pointer;transition:all .3s ease-in-out}@media screen and (max-width: 900px){.nav__social button{width:35px;height:35px}}.nav__social button svg{width:15px;height:15px;color:var(--emphasis-color)}.nav__social button:hover{background-color:var(--emphasis-color);border-color:var(--text-color)}.nav__social button:hover svg{color:var(--back-color)}@media screen and (min-width: 2000px){.nav__social button{width:70px;height:70px}.nav__social button svg{width:30px;height:30px}}.cont__navbar{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--back-color-sec);opacity:.98;position:fixed;z-index:2;box-shadow:0 1px 10px var(--emphasis-color)}@media screen and (max-width: 900px){.cont__navbar{padding:.4rem}}.cont__navbar-logo{display:flex;justify-content:flex-start;align-items:center}.cont__navbar-logo img{height:35px}@media screen and (min-width: 2000px){.cont__navbar-logo img{height:50px}}@media screen and (max-width: 450px){.cont__navbar-logo img{height:20px}}@media screen and (max-width: 449px){.cont__navbar-logo img{display:none}}.cont__nav-links{flex:1;display:flex;justify-content:center;align-items:center;list-style:none}.cont__nav-links li{margin:0 1rem;cursor:pointer;position:relative}.cont__nav-links a{color:var(--text-color);text-decoration:none;text-transform:lowercase;font-family:var(--font-title);font-weight:bolder;transition:all .3s ease-in-out}.cont__nav-links a:hover{color:var(--emphasis-color)}.cont__nav-links a:hover:after{content:"";width:40%;height:2px;background:var(--emphasis-color);position:absolute;bottom:0px;left:1px}@media screen and (max-width: 900px){.cont__nav-links a{display:none}}.cont__navbar-hamburger{display:flex;justify-content:center;align-items:center;width:45px;height:45px;margin-right:.7rem;position:relative;cursor:pointer}.cont__navbar-hamburger svg{width:50px;height:50px;color:var(--emphasis-color)}.cont__navbar-hamburger svg:hover{color:var(--text-color)}@media screen and (max-width: 900px){.cont__navbar-hamburger svg{width:35px;height:35px}}.cont__navbar-hamburger div{position:fixed;top:80px;bottom:1;right:0;padding:.5rem;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;width:100%;box-shadow:0 1px 10px var(--emphasis-color);background:var(--dark-color)}.cont__navbar-hamburger div svg{width:35px;height:35px;color:var(--text-color)}.cont__navbar-hamburger div svg:hover{color:var(--emphasis-color)}.cont__navbar-hamburger div ul{list-style:none;margin:0;padding:0;height:100%;width:100%}.cont__navbar-hamburger div ul li{margin:.6rem;cursor:pointer}.cont__navbar-hamburger div ul a{color:var(--text-color);text-decoration:none;text-transform:lowercase;font-family:var(--font-title);transition:all .3s ease-in-out}.cont__navbar-hamburger div ul a:hover{color:var(--emphasis-color);box-shadow:0 1px 10px var(--emphasis-color)}@media screen and (min-width: 900px){.cont__navbar-hamburger div{display:none}}@media screen and (max-width: 900px){.cont__navbar-hamburger div{top:60px}}@media screen and (min-width: 900px){.cont__navbar-hamburger{display:none}}.copyright{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;font-size:.7rem;padding:2rem}.copyright div{display:flex;justify-content:center;align-items:center;gap:.3rem}.copyright img{height:15px}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%;scroll-behavior:smooth}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}:root{--font-base:"Plus Jakarta Sans", sans-serif;--font-title:"Plus Jakarta Sans", sans-serif;--emphasis-color: #CCA43B;--pri-color: #242F40;--text-color: #E5E5E5;--sec-color: #FFFFFF;--back-color: #181818;--back-color-sec: #111111;--dark-color: #080808}.app{background-color:var(--back-color);font-family:var(--font-base);color:var(--text-color)}.container{width:100%;min-height:100vh}.flex_row{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:1rem}.flex_column{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem}.head-text{font-size:2rem;font-family:var(--font-title);text-align:center;color:var(--text-color)}@media screen and (min-width: 2000px){.head-text{font-size:4rem}}@media screen and (max-width: 450px){.head-text{font-size:2rem}}.p-text{font-size:1rem;text-align:center;color:var(--text-color);line-height:1.5}@media screen and (min-width: 2000px){.p-text{font-size:1.75rem}}.p-bolder{font-size:1rem;text-align:left;color:var(--text-color);font-weight:bolder;line-height:1.5}@media screen and (min-width: 2000px){.p-bolder{font-size:1.75rem}}