.sidebar{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;color:#000}.sidebar .bg{z-index:999;position:fixed;top:0;left:0;bottom:0;width:400px;background:white}@media (max-width: 738px){.sidebar .bg{width:100%}}.sidebar .bg .links{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.sidebar .bg .links a{font-size:40px}@media (max-width: 738px){.sidebar .bg .links a{font-size:20px}}.sidebar button{z-index:999;width:50px;height:50px;border-radius:50%;position:fixed;top:25px;left:25px;background-color:transparent;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center}.navbar{height:100px}.navbar .wrapper{max-width:1366px;margin:auto;display:flex;align-items:center;justify-content:space-between;height:100%;font-size:1.2rem}@media (max-width: 738px){.navbar .wrapper{justify-content:flex-end;padding:20px}}.navbar .wrapper span{font-weight:700}@media (max-width: 738px){.navbar .wrapper span{display:none}}.navbar .wrapper .social{display:flex;gap:20px}.navbar .wrapper .social img{width:25px;height:25px}.chatbot #chat-button-container{position:fixed;bottom:3%;right:1%;z-index:1010;display:flex;align-items:center;min-width:250px}@media (max-width: 738px){.chatbot #chat-button-container{bottom:2%}}.chatbot #chat-button,.chatbot #bell-button{border:none;cursor:pointer;padding:10px 20px;font-size:16px;transition:background-color .3s ease;border-radius:20px;margin-right:10px}.chatbot #chat-button{background-color:#f0f0f0;color:var(--FONT-DARKGREEN-COLOR);z-index:1005}.chatbot #chat-button:hover{background-color:var(--FONT-DARKGREEN-COLOR);color:#f0f0f0}.chatbot #bell-button{background-image:url(/bell.png);background-color:transparent;background-size:cover;background-repeat:no-repeat;border:none;cursor:pointer;width:70px;height:60px;margin-left:6px;padding:10%;z-index:1005;transition:transform .3s ease}.chatbot #bell-button:hover{transform:scale(1.2)}.chatbot #chat-window{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:10px;overflow:hidden;position:fixed;bottom:3%;right:2%;width:20%;height:58%;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;z-index:1001}.chatbot #chat-window #chat-header{background-color:var(--FONT-DARKGREEN-COLOR);color:#fff;padding:3%;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;justify-content:space-between;align-items:center}.chatbot #chat-window #chat-header h3{margin:0}.chatbot #chat-window #chat-header #chat-avatar{width:15%;height:auto;border-radius:50%;margin-right:10px}.chatbot #chat-window #chat-header #close-chat{background:none;border:none;color:#fff;cursor:pointer;font-size:180%;width:40px;align-items:center;justify-content:center;border-radius:3px}.chatbot #chat-window #chat-header #close-chat:hover{background-color:#464646}.chatbot #chat-window #chat-content{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;padding:10px}.chatbot #chat-window #chat-content .message{max-width:70%;margin-bottom:10px;padding:10px;border-radius:20px;color:#fff}.chatbot #chat-window #chat-content .message.sent{align-self:flex-end;background-color:#007aff}.chatbot #chat-window #chat-content .message.received{align-self:flex-start;background-color:#ebebeb;color:#000}.chatbot #chat-window #chat-input-container{margin-top:auto;display:flex;padding:10px;align-items:center;width:100%;height:40px}.chatbot #chat-window #chat-input-container #chat-input{flex-grow:1;margin-right:10px;padding:2%;border-radius:5px;border:1px solid #ccc}.chatbot #chat-window #chat-input-container #send-message{background-image:url(/send.png);background-color:transparent;background-repeat:no-repeat;background-size:contain;border:none;width:50px;height:50px;cursor:pointer}.chatbot #chat-window #chat-input-container #send-message:hover{transform:scale(1.1)}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.chatbot #chat-window .shake{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@media (max-width: 738px){.chatbot #chat-window{width:75%;bottom:1%}}.hero{height:calc(100vh - 13%);background-color:#cedebd;position:relative}.hero .wrapper{max-width:90%;height:100%;margin:auto}.hero .wrapper .textContainer{width:50%;height:85%;display:flex;flex-direction:column;justify-content:flex-start;gap:6%;margin-left:8%;padding-top:1%}@media (max-width: 738px){.hero .wrapper .textContainer{height:50%;width:100%;margin-left:1%;gap:15px;padding-top:12%;align-items:center;text-align:center}}.hero .wrapper .textContainer h2{font-size:30px;color:var(--FONT-DARKGREEN-COLOR);letter-spacing:10px}@media (max-width: 738px){.hero .wrapper .textContainer h2{font-size:23px}}.hero .wrapper .textContainer h1{color:var(--FONT-DARKGREEN-COLOR);font-size:88px}@media (max-width: 738px){.hero .wrapper .textContainer h1{font-style:20px;font-size:45px}}.hero .wrapper .textContainer p{color:var(--FONT-DARKGREEN-COLOR);font-size:20px}@media (max-width: 738px){.hero .wrapper .textContainer p{font-size:15px;width:85%;height:auto}}.hero .wrapper .textContainer .custom-font{font-family:sans-serif;font-size:30px;font-weight:700;color:#d9ab37}@media (max-width: 738px){.hero .wrapper .textContainer .custom-font{margin-top:5px;font-size:18px}}.hero .wrapper .textContainer .buttons button{padding:20px;border:1px solid var(--FONT-DARKGREEN-COLOR);border-radius:10px;background-color:transparent;color:var(--FONT-DARKGREEN-COLOR);margin-right:20px;font-weight:300}@media (max-width: 738px){.hero .wrapper .textContainer .buttons button{padding:15px;margin-top:15px;font-size:.7rem}}.hero .wrapper .textContainer .buttons button:hover{background-color:#d9ab37}@media (max-width: 738px){.hero .wrapper .textContainer #scrollButtonImage{display:none}}.hero .wrapper .textContainer img{width:50px;margin-left:143px}.hero .imageContainer{height:100%;position:absolute;top:0;right:0;overflow:hidden}@media (max-width: 738px){.hero .imageContainer{height:50%;width:100%;top:unset;bottom:0}}.hero .imageContainer img{width:98%;height:98%;object-fit:cover}@media (max-width: 738px){.hero .imageContainer img{width:94%;height:auto;margin-top:15px;margin-left:30px}}.hero .slidingTextContainer{position:absolute;font-size:50vh;bottom:100px;white-space:nowrap;color:#f6f0de;width:50%;font-weight:700;display:none}.parallax{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.parallax h1{font-size:100px;color:var(--FONT-DARKGREEN-COLOR)}@media (max-width: 738px){.parallax h1{font-size:72px;text-align:center}}.parallax .mountains{background-image:url(/mountains.png);background-size:cover;background-position:bottom;width:100%;height:100%;position:absolute;z-index:3;will-change:transform}@media (max-width: 738px){.parallax .mountains{background-size:contain;background-repeat:no-repeat}}.parallax .planets{background-image:url(/planets.png);background-size:cover;background-position:bottom;width:100%;height:100%;position:absolute;z-index:2;will-change:transform}@media (max-width: 738px){.parallax .planets{background-size:contain;background-repeat:no-repeat}}.parallax .stars{background-image:url(/stars.png);background-size:cover;background-position:bottom;width:100%;height:100%;position:absolute;z-index:1;will-change:transform}@media (max-width: 738px){.parallax .stars{background-size:contain}}.content{background-color:#cedebd;height:93%;display:flex;flex-direction:column}.content .textContainer{flex:.7;margin-top:1%;align-self:flex-end;display:flex;align-items:center;gap:20px}@media (max-width: 738px){.content .textContainer{align-self:center;text-align:center;flex-direction:column}}.content .textContainer p{font-weight:200;font-size:20px;color:var(--FONT-DARKGREEN-COLOR);text-align:right}@media (max-width: 738px){.content .textContainer p{margin-top:20px}}.content .textContainer hr{width:500px;border:none;border-top:.5px solid var(--FONT-DARKGREEN-COLOR)}@media (max-width: 738px){.content .textContainer hr{width:300px}}.content .titleContainer{flex:1.4;display:flex;flex-direction:column;align-items:center}.content .titleContainer .title{display:flex;align-items:center;gap:20px;height:40%;margin-bottom:-.5%}.content .titleContainer .title img{width:180px;height:260px;object-fit:cover}@media (max-width: 738px){.content .titleContainer .title img{width:40%;height:auto;margin-top:-20%}}.content .titleContainer .title h1{font-size:3rem;font-weight:100;color:var(--FONT-DARKGREEN-COLOR)}@media (max-width: 738px){.content .titleContainer .title h1{font-size:28px}}.content .titleContainer .title button{width:150px;height:80px;border-radius:50px;background-color:var(--BUTTON-YELLOW-COLOR);border:none;font-size:20px;cursor:pointer}@media (max-width: 738px){.content .titleContainer .title button{font-size:16px;width:150px;height:50px;margin-top:50px;display:none}}@media (max-width: 738px){.content .titleContainer .title{width:100%;height:auto;flex-direction:column;text-align:center;gap:2%}}@media (max-width: 738px){.content .titleContainer{flex:1.1;width:100%}}.content .listContainer{flex:1.6;display:flex;max-width:1366px;margin:auto;justify-content:center;gap:2%}.content .listContainer .box{margin-top:-5%;border-radius:10px;padding:1.5%;border:.5px solid var(--FONT-DARKGREEN-COLOR);display:flex;flex-direction:column;justify-content:space-between;max-width:calc(25% - 50px);color:var(--FONT-DARKGREEN-COLOR);align-items:center}@media (max-width: 738px){.content .listContainer .box{max-width:180px;gap:10px;padding:15px;margin:5px}}.content .listContainer .box h2{text-align:center}@media (max-width: 738px){.content .listContainer .box h2{font-size:20px}}.content .listContainer .box p{font-size:16px}@media (max-width: 738px){.content .listContainer .box p{display:none}}.content .listContainer .box button{padding:10px;background-color:var(--BUTTON-YELLOW-COLOR);border:none;cursor:pointer;border-radius:10px}@media (max-width: 738px){.content .listContainer .box button{width:100px;height:auto;padding:5px}}.content .listContainer .box .icons-container{display:flex;gap:10px;margin:20px 0}.content .listContainer .box .icons-container .icon{font-size:38px}@media (max-width: 738px){.content .listContainer .box .icons-container .icon{font-size:30px}}@media (max-width: 738px){.content .listContainer .box .icons-container{gap:2px}}.content .listContainer .box:hover{box-shadow:#00000012 0 1px 2px,#00000012 0 2px 4px,#00000012 0 4px 8px,#00000012 0 8px 16px,#00000012 0 16px 32px,#00000012 0 32px 64px}@media (max-width: 738px){.content .listContainer{flex-wrap:wrap;align-items:center;gap:3px;margin-top:-20px}}.project{position:relative}.project .progress{position:sticky;top:0;left:0;padding-top:50 px;text-align:center;color:var(--FONT-DARKGREEN-COLOR);font-size:36px}.project .progress .progressBar{height:10px;background-color:#f6f0de}@media (max-width: 738px){.project .progress{padding-top:50px;font-size:15px}}.project .container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}.project .container .wrapper{min-width:1366px;height:100%;margin:auto;display:flex;align-items:center;justify-content:center;gap:50px;padding:0 60px}@media (max-width: 738px){.project .container .wrapper{flex-direction:column}}.project .container .wrapper .imageContainer{flex:1;height:50%;position:relative}@media (max-width: 738px){.project .container .wrapper .imageContainer{width:100%;max-height:300px;margin-top:220px}}.project .container .wrapper .imageContainer .laptop-frame{width:800px;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:1;overflow:hidden}.project .container .wrapper .imageContainer .laptop-frame img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project .container .wrapper .imageContainer .laptop-frame .video-resizer{width:1000px;height:400px;overflow:hidden}.project .container .wrapper .imageContainer .laptop-frame .video-resizer img{width:650px;height:400px;opacity:1}.project .container .wrapper .imageContainer .laptop-frame .video-resizer #project-gif{width:59%;height:auto}@media (max-width: 738px){.project .container .wrapper .imageContainer .laptop-frame .video-resizer #project-gif{width:292px}}.project .container .wrapper .imageContainer .laptop-frame #laptop-img{width:80%;height:auto;object-fit:scale-down}@media (max-width: 738px){.project .container .wrapper .imageContainer .laptop-frame #laptop-img{width:400px}}.project .container .wrapper .imageContainer img{width:100%;height:auto;object-fit:contain}@media (max-width: 738px){.project .container .wrapper .container-2{margin-top:250px}}.project .container .wrapper .textContainer{flex:1;display:flex;flex-direction:column;gap:30px}@media (max-width: 738px){.project .container .wrapper .textContainer{margin-top:200px;justify-content:center;align-items:center;max-width:380px}}.project .container .wrapper .textContainer h2{font-size:2.5rem;color:var(--FONT-DARKGREEN-COLOR)}@media (max-width: 738px){.project .container .wrapper .textContainer h2{font-size:32px;width:100%;text-align:center}}.project .container .wrapper .textContainer p{color:var(--FONT-DARKGREEN-COLOR);font-size:20px}@media (max-width: 738px){.project .container .wrapper .textContainer p{text-align:center;font-size:15px;max-width:380px}}.project .container .wrapper .textContainer .buttons{display:flex;justify-content:center;gap:20px}@media (max-width: 738px){.project .container .wrapper .textContainer .buttons{gap:10px}}.project .container .wrapper .textContainer .buttons button{background-color:var(--BUTTON-YELLOW-COLOR);border:none;border-radius:10px;padding:10px;width:150px;cursor:pointer}@media (max-width: 738px){.project .container .wrapper .textContainer .buttons button{padding:5px 0;width:110px}}@media (max-width: 738px){.project .container .wrapper .textContainer .buttons button:nth-child(2){display:none}}.project .container .wrapper .textContainer table{margin-top:20px;border-collapse:collapse;width:100%;background-color:var(--BASE-BEIGE-COLOR);border-radius:5px;box-shadow:#00000059 0 5px 15px}.project .container .wrapper .textContainer table th,.project .container .wrapper .textContainer table td{padding:10px;border-bottom:1px solid #ddd;text-align:left}.project .container .wrapper .textContainer table th{border-top:1px solid #ddd}.project .container .wrapper .textContainer table tr{background-color:transparent}.project .container .wrapper .textContainer table tr:nth-child(2n){background-color:transparent}.project .container .wrapper .textContainer table tr:hover{background-color:#efefef}.contact{height:100%;max-width:1366px;margin:auto;display:flex;align-items:center;gap:50px}.contact .textContainer{flex:1;display:flex;flex-direction:column;gap:40px;color:var(--FONT-DARKGREEN-COLOR)}.contact .textContainer h1{font-size:100px;line-height:88px}@media (max-width: 738px){.contact .textContainer h1{font-size:35px}}.contact .textContainer span{font-weight:300}@media (max-width: 738px){.contact .textContainer{margin-top:78px;gap:15px}}.contact .formContainer{flex:1}@media (max-width: 738px){.contact .formContainer{width:75%}}.contact .formContainer form{display:flex;flex-direction:column;gap:20px}.contact .formContainer form input,.contact .formContainer form textarea{padding:20px;background-color:transparent;border:1px solid var(--FONT-DARKGREEN-COLOR);color:var(--FONT-DARKGREEN-COLOR);border-radius:5px}.contact .formContainer form button{padding:20px;border:none;background-color:var(--BUTTON-YELLOW-COLOR);cursor:pointer;font-weight:500;border-radius:5px}@media (max-width: 738px){.contact .formContainer form{margin-bottom:40px;margin-right:10px;height:80%}}@media (max-width: 738px){.contact{flex-direction:column}}.portfolio{max-height:100vh;background-color:#fff;overflow-y:auto}.portfolio .navigation{display:flex;justify-content:flex-end;padding:20px;background-color:#f0f0f0;position:sticky;top:0;z-index:1000}.portfolio .navigation button{margin:0 10px;padding:5px;border:none;background-color:transparent;cursor:pointer;position:relative;overflow:hidden;font-size:1.2rem}@media (max-width: 738px){.portfolio .navigation button{font-size:16px}}.portfolio .navigation button:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:#000;transition:width .3s ease-in-out}.portfolio .navigation button:hover:after{width:95%}.portfolio .navigation .dropdown{position:relative;display:inline-block;font-size:1.1rem}.portfolio .navigation .dropdown .dropbtn{padding:10px;border:none;cursor:pointer}.portfolio .navigation .dropdown .dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1}.portfolio .navigation .dropdown .dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}.portfolio .navigation .dropdown .dropdown-content a:hover{background-color:var(--BUTTON-YELLOW-COLOR)}.portfolio .navigation .dropdown:hover .dropdown-content{display:block}.portfolio .collection-display{margin:20px;padding:40px;border-radius:10px;display:flex;flex-direction:column}.portfolio .collection-display h2{margin-bottom:20px;font-size:5 rem}@media (max-width: 738px){.portfolio .collection-display h2{margin-bottom:10px}}.portfolio .collection-display .street-gallery,.portfolio .collection-display .landscape-gallery,.portfolio .collection-display .Portrait-gallery{display:flex;flex-wrap:wrap;flex-direction:row;gap:50px;justify-content:center}.portfolio .collection-display .street-gallery .img-container,.portfolio .collection-display .landscape-gallery .img-container,.portfolio .collection-display .Portrait-gallery .img-container{width:28%;gap:50px;display:flex;flex-direction:column}.portfolio .collection-display .street-gallery .img-container img,.portfolio .collection-display .landscape-gallery .img-container img,.portfolio .collection-display .Portrait-gallery .img-container img{max-width:100%;height:auto;object-fit:contain;box-shadow:#0000003d 0 3px 8px;transition:transform .3s ease-in-out;border-radius:2%}@media (max-width: 738px){.portfolio .collection-display .street-gallery .img-container img,.portfolio .collection-display .landscape-gallery .img-container img,.portfolio .collection-display .Portrait-gallery .img-container img{border-radius:2%}}.portfolio .collection-display .street-gallery .img-container img:hover,.portfolio .collection-display .landscape-gallery .img-container img:hover,.portfolio .collection-display .Portrait-gallery .img-container img:hover{transform:scale(1.1)}@media (max-width: 738px){.portfolio .collection-display .street-gallery .img-container,.portfolio .collection-display .landscape-gallery .img-container,.portfolio .collection-display .Portrait-gallery .img-container{gap:10px;width:90%}.portfolio .collection-display .street-gallery .img-container img:hover,.portfolio .collection-display .landscape-gallery .img-container img:hover,.portfolio .collection-display .Portrait-gallery .img-container img:hover{transform:scale(1)}}@media (max-width: 738px){.portfolio .collection-display .street-gallery,.portfolio .collection-display .landscape-gallery,.portfolio .collection-display .Portrait-gallery{gap:10px}}@media (max-width: 738px){.portfolio .collection-display{gap:20px;margin:10px;padding:10px}}.portfolio a{scroll-behavior:smooth}.about{display:flex;flex-direction:column;width:80%;margin:auto}.about hr{background-color:#000;height:1%;border:none;margin-top:1%;margin-bottom:1%}.about .intro{height:auto}.about .intro .about_section{width:90%;height:auto;background-color:var(--BASE-BEIGE-COLOR);border-radius:10px;padding:2%;margin-top:4%;margin-left:5%;font-size:.9rem;box-shadow:#00000029 0 1px 4px}.about .intro .about_section h2{margin-bottom:2%}@media (max-width: 738px){.about .intro .about_section p{font-size:13px}}.about .intro .about_section button{background-color:#527506;color:#fff;padding:1%;border:none;border-radius:5px;margin-top:1rem;margin-right:2%;cursor:pointer;font-size:.9rem}.about .intro .about_section button:hover{background-color:#385a0e}@media (max-width: 738px){.about .intro .about_section button{width:30%;font-size:.9rem}}@media (max-width: 738px){.about .intro .about_section{margin-left:0%;width:100%;height:auto;margin-top:80px}}@media (max-width: 738px){.about .intro{margin-top:10%}}.about .skills_and_image{display:flex;justify-content:space-around;margin-top:3%;margin-left:8%}.about .skills_and_image .skills_and_image_left{width:45%;display:flex;align-items:center;flex-direction:column;gap:5%}.about .skills_and_image .skills_and_image_left .skills{width:95%;background-color:var(--BASE-BEIGE-COLOR);border-radius:10px;padding:20px;box-shadow:#00000029 0 1px 4px;margin-right:22%}.about .skills_and_image .skills_and_image_left .skills .skills_container{display:flex;flex-wrap:wrap;gap:15px;font-size:.9rem;font-weight:700}.about .skills_and_image .skills_and_image_left .skills .skills_container .skills_skill{width:60%;background-color:#d3d3d3;border-radius:5px;padding:1%;flex:0 1 calc(24% - 15px);text-align:center}@media (max-width: 738px){.about .skills_and_image .skills_and_image_left .skills .skills_container .skills_skill{min-width:100px}}@media (max-width: 738px){.about .skills_and_image .skills_and_image_left .skills .skills_container{font-size:1rem;margin-top:5%}}@media (max-width: 738px){.about .skills_and_image .skills_and_image_left .skills{width:100%;height:auto;margin-left:0%;margin-top:8%;margin-right:0}}.about .skills_and_image .skills_and_image_left .experience{width:128%;font-size:.9rem;background-color:var(--BASE-BEIGE-COLOR);border-radius:10px;padding:4%;margin-left:10%;box-shadow:#00000029 0 1px 4px}@media (max-width: 738px){.about .skills_and_image .skills_and_image_left .experience{width:300px;height:auto;margin-top:120px;margin-left:143px;display:none}}@media (max-width: 738px){.about .skills_and_image .skills_and_image_left{width:100%;justify-content:center;align-items:center}}.about .skills_and_image .skills_and_image_right{width:45%;display:flex;margin-left:20%}.about .skills_and_image .skills_and_image_right .skills_image{box-shadow:#0000004d 0 19px 38px,#00000038 0 15px 12px;border-radius:10px;width:86%;height:auto;margin:0}@media (max-width: 738px){.about .skills_and_image .skills_and_image_right{display:none}}@media (max-width: 738px){.about .skills_and_image{margin-left:0}}html{scroll-snap-type:y mandatory;scroll-behavior:smooth;overflow-x:hidden}*{padding:0;margin:0;box-sizing:border-box;font-family:DM Sans,sans-serif}body{background-color:#cedebd;color:var(--FONT-DARKGREEN-COLOR)}a{text-decoration:none;color:inherit}section{height:100vh;scroll-snap-align:center}:root{--BASE-BEIGE-COLOR: #f6f0de;--BUTTON-YELLOW-COLOR: #fccf61;--FONT-DARKGREEN-COLOR: #222825}@media (max-width: 738px){#Content,#Project{display:none}}