.sidebar{position:relative;z-index:998;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000;color:#ffffe4}@media (max-width: 738px){.sidebar{display:none}}@media (max-width: 1024px){.sidebar{display:none}}.sidebar .background{position:fixed;top:0;left:0;bottom:0;width:210px;background:black}@media (max-width: 738px){.sidebar .background{width:200px}}.sidebar .background .links{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.sidebar .background .links a{font-size:28px}@media (max-width: 738px){.sidebar .background .links a{font-size:25px}}.sidebar button{width:50px;height:50px;border-radius:50%;position:fixed;top:25px;left:25px;background-color:transparent;border:none;cursor:pointer;color:#ffffe4}.navbar{height:100px}.navbar .wrapper{max-width:1024px;margin:auto;display:flex;align-items:center;justify-content:space-between;height:100%}@media (max-width: 738px){.navbar .wrapper{justify-content:flex-end;padding:20px}}@media (max-width: 1024px){.navbar .wrapper{justify-content:flex-end;padding:20px}}.navbar .wrapper .name{font-weight:700}@media (max-width: 738px){.navbar .wrapper .name{display:none}}@media (max-width: 1024px){.navbar .wrapper .name{display:none}}.navbar .wrapper .socials{display:flex;gap:20px}.navbar .wrapper .socials img{width:20px;height:20px}.homepage{height:calc(100vh - 100px);overflow:hidden;background:linear-gradient(180deg,#ffffe4,#ecd9ba);position:relative}.homepage .container{height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;gap:40px}@media (max-width: 738px){.homepage .container{flex-direction:column}}@media (max-width: 1024px){.homepage .container{flex-direction:column}}.homepage .container .text{flex:.57;display:flex;flex-direction:column;gap:30px}@media (max-width: 738px){.homepage .container .text{width:100%;height:45%;gap:10px;align-items:center;text-align:center;padding:20px}}@media (max-width: 1024px){.homepage .container .text{width:100%;height:45%;gap:10px;align-items:center;text-align:center;position:relative;bottom:50px}}.homepage .container .text h2{font-size:20px;letter-spacing:4px;width:100%}@media (max-width: 738px){.homepage .container .text h2{font-size:15px;letter-spacing:2px;width:100%}}@media (max-width: 1024px){.homepage .container .text h2{font-size:15px;width:100%}}.homepage .container .text h1{font-size:50px;letter-spacing:5px;color:#a07855;line-height:70px;font-weight:800}@media (max-width: 738px){.homepage .container .text h1{font-size:40px;letter-spacing:3px}}@media (max-width: 1024px){.homepage .container .text h1{font-size:40px;letter-spacing:3px}}@media (max-width: 738px){.homepage .container .image{display:none}}.homepage .container .image .blob{background:url(http://kayvandharsee.github.io/personal-portfolio/kayvan.png);-webkit-background-size:cover;background-size:cover;background-position:center center;height:400px;width:400px;box-shadow:0 0 20px 20px #dec19b;animation:blob 5s ease-in-out infinite;transition:all 1s ease-in-out}@media (max-width: 1024px){.homepage .container .image .blob{height:300px;width:300px}}.homepage .container .sliding-text{position:absolute;font-size:30vh;bottom:-20px;white-space:nowrap;color:#a0785517;letter-spacing:15px;width:50%;font-weight:700}@media (max-width: 738px){.homepage .container .sliding-text{display:none}}@media (max-width: 1024px){.homepage .container .sliding-text{display:none}}@keyframes blob{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:42% 58% 58% 42%/48% 61% 39% 52%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.skills{height:100%;background:linear-gradient(180deg,#ecd9ba,#ffffe4);display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.skills .title{position:absolute;top:100px}@media (max-width: 738px){.skills .title{width:100%}}@media (max-width: 1024px){.skills .title{width:100%;padding:20px}}.skills .title h1{font-weight:100;font-size:50px}@media (max-width: 738px){.skills .title h1{font-size:30px;align-items:center;text-align:center}}@media (max-width: 1024px){.skills .title h1{align-items:center;text-align:center}}.skills .title b{font-weight:900}.skills .title .images{display:flex;height:55px;justify-content:center;gap:20px}@media (max-width: 738px){.skills .title .images{width:35px;flex-direction:column;justify-content:space-between;position:relative;left:45%}}.skills .box-wrapper{height:100vh;display:flex;align-items:center}@media (max-width: 738px){.skills .box-wrapper{display:none}}.skills .box-wrapper .boxes{position:relative;top:100px;width:100%;height:310px;display:flex;justify-content:center;gap:20px}@media (max-width: 1024px){.skills .box-wrapper .boxes{gap:unset}}.skills .box-wrapper .boxes .box{width:300px;height:370px;text-align:center;background-color:#000;color:#ecd9ba;border-radius:20px;padding:20px;margin:20px;left:calc(50% - 110px)}@media (max-width: 1024px){.skills .box-wrapper .boxes .box{margin:1vw;width:31vw}}.skills .box-wrapper .boxes .box h2{font-size:18px;font-weight:400}.portfolio{position:relative;background:linear-gradient(180deg,#ffffe4,#ecd9ba 50%,#ecd9ba,#ffffe4 100%)}.portfolio .progress{position:sticky;top:0;left:0;padding-top:50px;text-align:center}@media (max-width: 738px){.portfolio .progress{padding-top:calc(100vh - 60px);z-index:1}}@media (max-width: 1024px){.portfolio .progress{z-index:1}}.portfolio .progress h1{color:#000;font-size:50px;font-weight:800;letter-spacing:2px}@media (max-width: 738px){.portfolio .progress h1{font-size:30px}}.portfolio .progress .progress-bar{height:10px;background-color:#a07855}.portfolio .container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}@media (max-width: 738px){.portfolio .container{padding:20px}}@media (max-width: 1024px){.portfolio .container{padding:20px}}.portfolio .container .wrapper{max-width:1024px;height:100%;margin:auto;display:flex;align-items:center;justify-content:center;gap:50px}@media (max-width: 738px){.portfolio .container .wrapper{flex-direction:column}}.portfolio .container .wrapper .img-container{flex:1;height:50%;opacity:.9}@media (max-width: 738px){.portfolio .container .wrapper .img-container{width:100%;max-height:300px}}.portfolio .container .wrapper .img-container img{width:100%;height:100%;object-fit:cover;border-radius:50px;box-shadow:0 0 20px 20px #dec19b}@media (max-width: 738px){.portfolio .container .wrapper .img-container img{box-shadow:none}}.portfolio .container .wrapper .text-container{flex:1;display:flex;flex-direction:column;gap:30px}@media (max-width: 738px){.portfolio .container .wrapper .text-container{transform:none!important;align-items:center;text-align:center;gap:10px}}.portfolio .container .wrapper .text-container h2{font-size:30px}.portfolio .container .wrapper .text-container button{position:relative;background-color:#a07855;border:none;border-radius:30px;padding:10px;width:150px;height:50px;cursor:pointer;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:#000}@media (max-width: 738px){.portfolio .container .wrapper .text-container button{z-index:5}}.portfolio .container .wrapper .text-container button:hover{animation:shake .7s ease-in-out both}@keyframes shake{0%{transform:rotate(0) translateZ(0)}25%{transform:rotate(3deg) translateZ(0)}50%{transform:rotate(-3deg) translateZ(0)}75%{transform:rotate(1deg) translateZ(0)}to{transform:rotate(0) translateZ(0)}}.contact{background:linear-gradient(180deg,#ffffe4,#ecd9ba);height:100%;margin:auto;display:flex;align-items:center;padding:14.55%;overflow:hidden}@media (max-width: 738px){.contact{width:100%;padding:10px;flex-direction:column}}.contact .text-container{flex:1;display:flex;flex-direction:column;gap:40px}@media (max-width: 738px){.contact .text-container{gap:20px;text-align:center;align-items:center;margin-top:70px}}.contact .text-container h1{font-size:60px;color:#000;width:50%;font-weight:800}@media (max-width: 738px){.contact .text-container h1{font-size:30px;width:100%}}.contact .form-container{flex:1;position:relative;width:auto}@media (max-width: 738px){.contact .form-container{padding:50px;width:100%}}.contact .form-container .svg{stroke:#a07855;position:absolute;margin:auto}@media (max-width: 1024px){.contact .form-container .svg{left:-70px}}.contact .form-container form{display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}@media (max-width: 738px){.contact .form-container form{gap:10px}}.contact .form-container form input,.contact .form-container form textarea{padding:10px;background-color:transparent;border:1px solid #a07855;border-radius:10px}@media (max-width: 738px){.contact .form-container form input,.contact .form-container form textarea{padding:5px}}.contact .form-container form .button-enabled{padding:20px;border:none;background-color:#a07855;border-radius:10px;font-size:13px;cursor:pointer;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#000}.contact .form-container form .button-enabled:hover{animation:shake .7s ease-in-out both}.contact .form-container form .button-disabled{padding:20px;border:none;background-color:#a0785550;border-radius:10px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#000}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}*{padding:0;margin:0;box-sizing:border-box;font-family:Mulish,sans-serif}body{background-color:#ffffe4;color:#000}a{text-decoration:none;color:inherit}section{height:100vh;scroll-snap-align:center}.cursor{width:40px;height:40px;border-radius:50%;border:1px solid #2f1b12;position:fixed;z-index:999}@media (max-width: 738px){.cursor{display:none}}@media (max-width: 1024px){.cursor{display:none}}