:root{--prime-col: black;--sec-col: #f8f8f8;--accent-col: cyan;--xxl: xx-large;--xl: x-large;--l: large;--m: medium;--s: small;--prime-f: "Rubik", sans-serif}::selection{background-color:var(--accent-col);color:#000}*{margin:0;padding:0;font-family:PT Sans,sans-serif}a{text-decoration:none}body{background-color:#000}section{display:flex;align-items:center;justify-content:center;width:100%;background-image:url(/bg5.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;min-height:100vh}.a-ul{padding-left:20px;list-style:none}.a-li{position:relative;padding-left:30px;font-size:var(--m);padding-top:10px}.a-li:before{content:"🌐";position:absolute;left:0;font-size:var(--m)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scroll-animation{0%{opacity:0;scale:0;transform:translate(-100%)}to{opacity:1;scale:1;transform:translate(0)}}.scroll-animation-short *{animation:scroll-animation;animation-timeline:view(99.9% auto)}.scroll-animation *{animation:scroll-animation;animation-timeline:view(85% auto)}.fade-in *{animation:fade-in 1s 1}header{position:fixed;width:40px;height:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;margin:0 10px;overflow:hidden;z-index:10;background-color:transparent;left:0}header a{color:var(--sec-col);transition:all .5s}header a:hover{transform:scale(2)}.menu-bar{border-radius:50%;padding:10px;color:var(--sec-col);position:fixed;top:40px;right:40px;z-index:100000}.menu{background-color:var(--prime-col);position:fixed;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:space-evenly;flex-direction:column;transform:translateY(-100%);transition:all .5s cubic-bezier(.35,1,.44,1.43)}.menu a{font-size:var(--xxl);color:var(--sec-col);transition:all .5s}.menu a:hover{transform:scale(1.2)}header p{color:var(--sec-col);transform:rotate(270deg);font-size:var(--m)}._chatContainer_1hrsq_1{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;align-items:flex-end;z-index:1000}._icon_1hrsq_21{background-color:#000;color:#fff;padding:15px;border-radius:50%;cursor:pointer;transition:transform .2s ease-in-out}._icon_1hrsq_21:hover{transform:scale(1.1)}._chatPopup_1hrsq_47{width:300px;background:#fff;border-radius:10px;box-shadow:0 4px 10px #0003;overflow:hidden;display:flex;flex-direction:column;animation:_slideUp_1hrsq_1 .3s ease-in-out}._chatHeader_1hrsq_69{background:#000;color:#fff;padding:10px;display:flex;justify-content:space-between;align-items:center;font-weight:700}._closeBtn_1hrsq_89{background:none;border:none;color:#fff;font-size:20px;cursor:pointer}._chatMessages_1hrsq_105{max-height:250px;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}._userMessage_1hrsq_123{align-self:flex-end;background:#000;color:#fff;padding:8px 12px;border-radius:15px;max-width:80%}._assistantMessage_1hrsq_141{align-self:flex-start;background:#e4e4e4;color:#000;padding:8px 12px;border-radius:15px;max-width:80%}._chatInput_1hrsq_159{display:flex;padding:10px;border-top:1px solid #ddd;background:#fff}._chatInput_1hrsq_159 input{flex:1;padding:8px;border:1px solid #ddd;border-radius:5px;outline:none}._chatInput_1hrsq_159 button{background:#000;color:#fff;padding:8px 12px;border:none;border-radius:5px;margin-left:8px;cursor:pointer}._chatInput_1hrsq_159 button:hover{background:#e43944}@keyframes _slideUp_1hrsq_1{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.hero{height:100vh;width:100%;background-color:var(--prime-col);background-image:none;display:flex;align-items:center;justify-content:center;gap:10px;overflow:hidden}.hero-con{display:flex;position:relative;left:-15%;align-items:center;justify-content:center;flex-direction:column;height:100%;width:50%;background-color:var(--prime-col);color:var(--sec-col);font-size:var(--xxl);gap:10px}.hero-con h1{font-family:var(--prime-f);font-weight:500}.hero-con *{z-index:10}.h-i{position:fixed;overflow:hidden;width:100%;height:100%}.h-cta{display:flex;gap:20px}.h-cta a{color:var(--sec-col);padding:10px;font-size:var(--l);border:solid var(--sec-col);transition:all .25s}.h-cta a:hover{transform:scale(1.2);border-radius:15px}.h-cta a:nth-child(1){color:var(--prime-col);background-color:var(--sec-col)}.h-cta a:nth-child(2):hover{color:var(--prime-col);background-color:var(--sec-col)}.hero-img{left:25%;background-color:var(--prime-col);position:relative;width:100%;height:100%}.h-ul{list-style:none}.h-li{position:relative;padding-left:50px;font-size:var(--xl);padding-top:5px}.h-li:before{content:"🌐";position:absolute;left:0;font-size:var(--xl)}.hero-con p{font-size:medium;position:relative;padding:30px}@media (max-width: 850px){.hero{background-image:url(/bg4.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.hero-con{background-color:transparent}.hero .hero-img{display:none}.hero .hero-con{width:80%;left:0}.hero-con h1{font-size:var(--xxl)}.hero-con ul li{font-size:var(--l)}.h-cta a{font-size:var(--s)}}.about .about-con{width:70%;padding:50px 0;color:var(--sec-col)}.about h1{font-family:var(--prime-f);font-size:var(--xxl);margin:30px 0}.a-sec-title{margin:20px 0}.a-sec-para{padding:20px}.a-sec-para img{width:30%;height:auto;border-radius:50%;margin-left:50px;float:right}.a-sec a{color:var(--sec-col)}.a-sec a:hover{transform:scale(1.3);border-bottom:solid var(--accent-col)}@media (max-width: 850px){.a-sec-para img{width:80%;margin-left:10%;float:none}}.edu-con{width:70%;background-color:transparent;margin:50px 0;color:var(--sec-col)}.edu-sec{height:100%;width:100%;background-color:transparent}.edu-con h1{font-family:var(--prime-f);font-size:var(--xxl)}.edu-sec h2{font-size:var(--xl);margin:50px 0 0}.edu-sec p{margin:30px 0}.edu-img{width:300px;float:right}@media (max-width:800px){.edu-img{float:none}}.skills{background-image:url(/bg1.jpg)}.s-con{width:70%;margin:50px 0;display:flex;flex-direction:column}.s-con h1{padding:20px 0;color:var(--sec-col);font-size:var(--xxl);font-family:var(--prime-f)}@media (max-width:800px){.skills{background-image:url(/bg5.jpg)}}.area{padding:30px 0;display:flex;flex-wrap:wrap;justify-content:space-evenly}.area h2{padding:30px 0;font-size:var(--xl);color:var(--sec-col)}.skill-con{width:100%;display:flex;align-items:center;justify-content:space-evenly;gap:10px;flex-wrap:wrap}.skill{width:140px;height:250px;border-radius:10px;display:flex;gap:20px;background-color:var(--sec-col);color:var(--prime-col);filter:brightness(.2);flex-direction:column;align-items:center;justify-content:space-between;padding:30px}.skill:hover{filter:brightness(1)}.skill img{height:50%}.skill p{font-size:small}@media screen and (max-width: 800px){.skill{filter:brightness(1);background-color:#eee}}.projects-con{margin:30px 0;width:70%;min-height:100vh;color:var(--sec-col)}.p-container{display:flex;flex-direction:column;gap:30px;margin:30px 0}.project{display:flex;justify-content:center;align-items:center;gap:10%;flex-direction:row;padding:20px}.project img{width:50%;height:auto;transition:all .5s}.project img:hover{transform:scale(1.2)}.p-con{width:100%;display:flex;justify-content:space-around;flex-direction:column;color:var(--sec-col)}.p-con *{margin:10px 0}.p-con a{padding:10px 15px;width:fit-content;color:var(--sec-col);background-color:var(--prime-col);border:solid var(--sec-col);transition:all .5s}.p-con a:hover{border-radius:10px;transform:scale(1.2)}.project:nth-child(odd){flex-direction:row}.project:nth-child(2n){flex-direction:row-reverse}@media (max-width: 850px){.project{gap:50px;border:10px var(--sec-col)}.project img{width:120%}.project:nth-child(odd){flex-direction:column}.project:nth-child(2n){flex-direction:column}}.contact *{color:var(--sec-col)}.c-con h1{font-family:var(--prime-f)}.c-con p{margin:10px 0 30px}.c-con{width:75%;background-color:transparent;margin:20px 0;padding:20px;border-radius:10px}.c-con form{padding:20px 0;display:flex;width:100%;flex-direction:column;align-items:center;gap:10px}.contact label{width:100%;display:grid;grid-template-columns:3fr 10fr}.contact input,.contact textarea,.contact select,.contact select option{width:80%;height:30px;border:none;outline:none;background-color:transparent;color:var(--sec-col);border-bottom:solid var(--sec-col)}.contact select option{background-color:var(--prime-col)}.contact textarea{border:solid var(--sec-col);resize:none}input::placeholder,textarea::placeholder{color:#ffffff4d}input:focus,textarea:focus{padding:5px}.contact textarea{height:30vh}#submit{width:fit-content;color:var(--sec-col);padding:10px 10px 25px;border:none;border-radius:5px;background-color:var(--prime-col);cursor:pointer;transition:background-color .3s ease;border:solid var(--sec-col)}#submit:hover{transform:scale(1.1);color:var(--prime-col);background-color:var(--sec-col)}@media (max-width: 850px){.contact label{grid-template-columns:1fr}}