body{margin:0}header,footer{padding-left:5vw;padding-right:5vw;height:10vh;background-color:#0000001a;color:#fff;display:flex;align-items:center;justify-content:space-between}header{height:15vh}h1,p{margin:0}main{display:flex;align-items:center;justify-content:center;gap:5vh;height:75vh;min-height:75vh}.name{color:#000;font-family:Poppins SemiBold,sans-serif;font-size:4vh}.job{font-family:Avenir LT Pro,sans-serif;font-size:2vh;font-weight:lighter}a{text-decoration:none!important}.header-hr{display:none;height:.25vh;width:100%;border-color:#00f;background-color:#00f}.button-group{height:10px;width:100%;padding-top:20px;display:flex;justify-content:center}.grp-button{border:none;background-color:transparent;color:#5ab2ff;font-family:Avenir LT Pro,sans-serif;cursor:pointer}.grp-button:hover{color:#fff}.grp-btn-active,.grp-btn-active:hover{color:#00f;cursor:auto}@media (max-width: 800px){main{height:fit-content;min-height:50vh;margin-top:3vh;margin-bottom:3vh}header{display:flex;flex-direction:column;justify-content:space-around;text-align:center}.box{display:none!important}.header-hr{display:block}footer{height:auto;padding-top:3vh;padding-bottom:3vh;justify-content:center;gap:10vw}}@media (max-width: 500px){.name{font-size:3vh}.grp-button{padding-left:1vw;padding-right:1vw}main{min-height:55vh}}.gradient-background{background:linear-gradient(300deg,#fff9d0,#caf4ff,#a0deff,#5ab2ff);background-size:180% 180%;animation:gradient-animation 15s ease infinite}@keyframes gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}:root{font-family:Avenir LT Pro,sans-serif;font-weight:lighter}input,textarea{font-family:Avenir LT Pro,sans-serif;margin-left:2vw;margin-right:2vw;border-style:solid;border-width:2px;border-radius:24px;border-color:#fff;padding:2vh;resize:none}input{height:1vh}label{margin-left:3vw;margin-right:3vw}.blue-button{height:5vh;width:fit-content;padding-left:6.5vh;padding-right:6.5vh;color:#fff;font-family:Avenir LT Pro,sans-serif;font-size:1.8vh;font-weight:700;background-color:#5ab2ff;border-color:#5ab2ff;border-style:solid;border-radius:24px;border-width:.3vh;cursor:pointer}.blue-button:hover{border-width:.3vh;color:#000;background-color:#fff}.white-button{height:5vh;width:fit-content;padding-left:3vh;padding-right:3vh;color:#000;font-family:Avenir LT Pro,sans-serif;font-size:1.8vh;font-weight:700;background-color:#fff;border-color:#000;border-style:solid;border-radius:24px;border-width:.2vh;cursor:pointer}.white-button:hover{color:#fff;background-color:#5ab2ff;border-color:#5ab2ff}.box{color:#00f}.quote{color:#000;font-family:Playfair Display,serif;font-size:2.21vh;font-style:italic;letter-spacing:.08em}.menu{margin:0;padding:0;display:flex;flex-wrap:wrap;gap:3vh;list-style-type:none}.menu a{color:#000;text-decoration:none;font-size:1.93vh}a.current-page{color:#00f}.nav a:hover{color:#fff}@media (max-width: 500px){.quote{font-size:1.75vh}}.footer-contact{display:flex;gap:3vw}.call,.write,.follow{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1vh}.call>p,.write>p,.follow>p{font-weight:bolder}.call>a,.write>a{font-size:smaller}.social{display:flex;gap:1vw}.external-link{background:none;border:none;color:#fff;cursor:pointer}.external-link:hover{color:#696969}.salim-icon{display:none}@media (max-width: 800px){.footer-contact{flex-direction:column}.salim-icon{display:block}.copyright{display:flex;flex-direction:column;gap:1vh}}.intro-box{height:80%;width:60%;background-color:transparent;display:flex;border-color:#fff;border-style:solid;border-width:.2vh}.intro-box,.intro-left,.intro-left-top{border-top-left-radius:24px}.intro-box,.intro-left,.intro-left-bottom{border-bottom-left-radius:24px}.intro-box,.intro-right,.intro-right-top{border-top-right-radius:24px}.intro-box,.intro-right,.intro-right-bottom{border-bottom-right-radius:24px}.intro-left{width:40%;background-color:transparent}.intro-left-top{height:90%;background-color:#5ab2ff;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.profile-picture{height:15vw;width:15vw;border-radius:50%}.intro-hr{height:.05vh;width:15%;border-color:#00f;background-color:#00f}.intro-left-bottom{height:10%;background-color:#a0deff;display:flex;justify-content:center;align-items:center}.intro-right{width:60%;background-color:transparent}.intro-right-top{height:90%;padding-left:3vh;padding-right:3vh;text-align:justify;background-color:#caf4ff;display:flex;flex-direction:column;justify-content:space-evenly}.intro-hello{font-family:Poppins SemiBold,sans-serif;font-size:15vh}.intro-short-exp{font-size:3vh;font-weight:bolder}.intro-button-div{display:flex;gap:2vh}.intro-right-bottom{height:10%;background-color:#caf4ff}@media (max-width: 800px){.intro-box{flex-direction:column;width:95vw;height:fit-content}.intro-left,.intro-right{width:auto;height:fit-content}.intro-left-bottom,.intro-right-bottom{display:none}.intro-left-top,.intro-right-top{width:auto;height:fit-content;text-align:center;align-items:center;padding:3vw;gap:1vh}.intro-left,.intro-left-top{border-top-right-radius:24px}.profile-picture{height:20vw;width:20vw}.intro-right,.intro-right-top{border-bottom-left-radius:24px;border-bottom-right-radius:24px;border-top-right-radius:0}.intro-hello{font-size:10vh}.intro-short-exp{font-size:2.5vh}.intro-long-exp{font-size:2vh}}.contact-box{height:80%;width:60%;background-color:#caf4ff;display:flex;flex-direction:column;justify-content:center;border-style:solid;border-width:.2vh;border-radius:24px;border-color:#fff}form{display:flex;flex-direction:column;gap:2vh}.info{display:flex;flex-direction:column}.personal-info{display:flex;justify-content:space-between}.personal-info input{width:13vw}.first-name>input,.last-name>input{margin-right:0}.last-name>input,.email>input{margin-left:0}.last-name>label,.email>label{margin-left:1vw;margin-right:1vw}.send{margin-left:3vw;flex-direction:row;align-items:center}.sent-message{margin-left:.5vw;color:#696969;font-family:Poppins SemiBold,sans-serif}@media (max-width: 800px){.contact-box{flex-direction:column;width:95vw;height:fit-content;padding-top:3vw;padding-bottom:3vw}.first-name>input,.last-name>input{margin-right:2vw}.last-name>input,.email>input{margin-left:2vw}.personal-info{flex-direction:column;gap:2vh}.personal-info input{width:initial}.send{align-items:center}label{margin-left:6vw!important;margin-right:6vw!important}}.cv-box{height:80%;width:60%;background-color:#caf4ff;display:flex;flex-direction:column;align-items:center;border-style:solid;border-width:.2vh;border-radius:24px;border-color:#fff;overflow-x:hidden;overflow-y:auto;scrollbar-color:#5ab2ff white}.cv-grp-content{padding:2vw;text-align:justify;display:flex;flex-direction:column;gap:1vh}.cv-grp-content-item{background-color:#5ab2ff;display:flex;flex-direction:column;align-items:start;gap:1vh;padding:2vh;height:fit-content;border-style:solid;border-width:.2vh;border-radius:24px;border-color:#fff;font-size:smaller;text-align:left}@media (max-width: 800px){.cv-box{flex-direction:column;width:95vw;height:fit-content;padding-top:3vw;padding-bottom:3vw}.cv-grp-content{padding:4vw;min-height:40vh;justify-content:center}}@media (min-width: 801px) and (max-width: 1200px){.cv-box{font-size:small}}.project-box{height:80%;width:60%;background-color:#caf4ff;display:flex;flex-direction:column;align-items:center;border-style:solid;border-width:.2vh;border-radius:24px;border-color:#fff}.project-grp-content{padding:2vw;text-align:justify;display:flex;flex-direction:column;gap:1vh}@media (max-width: 800px){.project-box{flex-direction:column;width:95vw;height:fit-content;padding-top:3vw;padding-bottom:3vw}.project-grp-content{min-height:40vh;justify-content:center}}.admin-box{height:80%;width:60%;background-color:#caf4ff;display:flex;flex-direction:column;align-items:center;border-style:solid;border-width:.2vh;border-radius:24px;border-color:#fff;overflow-x:hidden;overflow-y:auto;scrollbar-color:#5ab2ff white}.admin-title{color:#000;font-family:Poppins SemiBold,sans-serif;font-size:4vh;padding-top:10vh;padding-bottom:5vh}.message-row{width:90%;border:.2vh solid white;border-radius:24px;background-color:#5ab2ff;padding:2vh;margin:2vh auto}.message-row p{margin:1vh 1vw;border-style:dashed;border-width:.2vh;border-color:#fff;padding:.5vw}.reply-form{align-items:center;overflow:hidden;max-height:0;transition:max-height .5s ease-out,padding .5s ease-out}.reply-form.visible{max-height:500px;padding:1vw}.reply-form input,.reply-form textarea{margin:0;width:96%}.reply-form .send{margin:1vw;width:95%}.send-btn{border-color:#fff;margin-right:1vw}.reply-btn,.mark-read-btn{border-color:#fff;margin-left:1vw}.mark-read-btn.read{background-color:#fff;color:#696969;cursor:not-allowed;border:1px solid dimgray}.mark-read-btn:not(.read){background-color:#5ab2ff;color:#fff;cursor:pointer;border:1px solid #5ab2ff}.mark-read-btn:hover:not(.read){background-color:#3a92e5;border-color:#3a92e5}.reply-status{margin-left:.5vw;color:#696969;font-family:Poppins SemiBold,sans-serif;font-size:smaller}.reply-status.error{color:red}@media (max-width: 800px){.admin-box{width:95vw;height:fit-content;padding-top:3vw;padding-bottom:3vw}.admin-title{padding-top:5vh;padding-bottom:2.5vh}}.admin-login-box{height:fit-content;width:fit-content;padding-top:4vh;padding-bottom:4vh;justify-content:center;align-items:center;margin:0 auto;border:.2vh solid white;border-radius:24px}.admin-login-box form{display:flex;flex-direction:column}.loginInput{display:flex;flex-direction:column;width:20vw}@media (max-width: 800px){.loginInput{width:50vw}}.carousel{position:relative;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000;border-radius:24px}.carousel-slides{display:flex;transition:transform .5s ease-in-out}.carousel-slide{min-width:100%;transition:opacity .5s ease-in-out;opacity:0;position:absolute}.carousel-slide.active{opacity:1;position:relative}.carousel-image{width:50vw;height:auto;max-height:45vh;object-fit:cover;display:block}.carousel-caption{position:absolute;bottom:10%;left:50%;transform:translate(-50%);width:80%;padding:1rem;background:#00000080;color:#fff;z-index:2;text-align:center}.carousel-caption h3{margin:0;font-size:2.5rem}.carousel-caption h4{margin:.5rem 0;font-size:1.5rem}.carousel-caption p{margin:.5rem 0;font-size:1rem}.carousel .external-link{color:#5ab2ff;text-decoration:none}.carousel .external-link:hover{color:#fff}.carousel-control{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:#ffffffbf;font-size:2rem;cursor:pointer;z-index:3}.carousel-control:hover{color:#000}.carousel-control.prev{left:1rem}.carousel-control.next{right:1rem}.carousel-indicators{position:absolute;bottom:1rem;display:flex;justify-content:center;width:100%;z-index:3}.indicator{width:1.8rem;height:.2rem;background:#ffffffbf;margin:0 .25rem;cursor:pointer}.indicator.active{background:#696969}.indicator:hover{background:#000}@media (max-width: 1200px){.carousel-image{width:55vw}.carousel-caption h3{font-size:2rem}.carousel-caption p{font-size:.9rem}}@media (max-width: 1100px){.carousel-control.prev{left:.75rem}.carousel-control.next{right:.75rem}}@media (max-width: 1091px){.carousel-caption h4{font-size:1.45rem}}@media (max-width: 1050px){.carousel-caption h3{font-size:1.9rem}.carousel-caption h4{font-size:1.4rem}.carousel-caption p{font-size:.85rem}}@media (max-width: 1000px){.carousel-caption h3{font-size:1.85rem}.carousel-caption h4{font-size:1.3rem}.carousel-caption p{font-size:.8rem}.carousel-control.prev{left:.5rem}.carousel-control.next{right:.5rem}}@media (max-width: 950px){.carousel-caption h3{font-size:1.75rem}.carousel-caption p{font-size:.75rem}}@media (max-width: 904px){.carousel-caption h3{font-size:1.7rem}.carousel-caption h4{font-size:1.2rem}.carousel-caption p{font-size:.7rem}.carousel-control.prev{left:.25rem}.carousel-control.next{right:.25rem}}@media (max-width: 850px){.carousel-caption h3{font-size:1.6rem}.carousel-caption h4{font-size:1.15rem}.carousel-caption p{font-size:.65rem}.carousel-control.prev{left:0rem}.carousel-control.next{right:0rem}}@media (max-width: 800px){.carousel-image{width:90vw}.carousel-caption h3{font-size:2.45rem}.carousel-caption h4{font-size:1.5rem}.carousel-caption p{font-size:1rem}}@media (max-width: 750px){.carousel-caption h3{font-size:2.3rem}}@media (max-width: 700px){.carousel-caption h3{font-size:2.15rem}.carousel-caption p{font-size:.9rem}}@media (max-width: 652px){.carousel-caption h3{font-size:2rem}.carousel-caption h4{font-size:1.45rem}.carousel-caption p{font-size:.85rem}}@media (max-width: 616px){.carousel-caption h3{font-size:1.85rem}.carousel-caption h4{font-size:1.3rem}.carousel-caption p{font-size:.8rem}}@media (max-width: 562px){.carousel-caption h3{font-size:1.7rem}.carousel-caption h4{font-size:1.2rem}.carousel-caption p{font-size:.7rem}}@media (max-width: 515px){.carousel-caption h3{font-size:1.5rem}.carousel-caption h4{font-size:1.1rem}.carousel-caption p{font-size:.93rem}.carousel-control.prev{left:-.25rem}.carousel-control.next{right:-.25rem}}@media (max-width: 467px){.carousel-caption h3{font-size:1.35rem}.carousel-caption h4{font-size:1rem}.carousel-caption p{font-size:.84rem}}@media (max-width: 435px){.carousel-caption h3{font-size:1.3rem}.carousel-caption h4{font-size:.95rem}.carousel-caption p{font-size:.81rem}}@media (max-width: 414px){.carousel-caption h3{font-size:1.22rem}.carousel-caption h4{font-size:.75rem}.carousel-caption p{font-size:.77rem}.carousel-control.prev{left:-2.3rem}.carousel-control.next{right:-2.3rem}}@media (max-width: 363px){.carousel-caption h3{font-size:1.05rem}.carousel-caption p{font-size:.65rem}}@media (max-width: 318px){.carousel-caption h3{font-size:.9rem}.carousel-caption h4{font-size:.65rem}.carousel-caption p{font-size:.56rem}}