#contact-me{width:100%;height:100%;display:flex;padding:10vh 4vw;align-items:center;justify-content:center}#contact-me>img{width:50%;display:none}#contact-me>div>h1{color:#fff;font-weight:200;font-size:20px;margin-bottom:30px}#contact-me a{color:#fff;text-decoration:none;text-decoration:underline}@media screen and (max-width: 1020px){#contact-me>img{width:20%}}@media screen and (max-width: 800px){#contact-me>img{margin-bottom:20px;width:40%}#contact-me{display:flex;flex-direction:column-reverse;height:100%;padding:20px;width:100%;justify-content:center;align-items:center}#contact-me>div>h1{font-size:13px;margin-bottom:30px;width:100%;text-align:center}}.profile-container{display:flex;align-items:center;justify-content:space-between;height:100%;width:100%;overflow:hidden}.profile-picture{width:25%;position:relative;opacity:0;transition:opacity 1s ease-in-out,transform 1s ease-in-out;transform:translate(50%)}.profile-picture:before{content:"";background-color:#e46545;border-radius:20px;width:100%;height:100%;top:15px;left:15px;position:absolute;z-index:-1}.profile-picture img{border-radius:20px;width:100%}.profile-info{text-align:center;color:#f2f2f2;width:75%;margin-left:20px;opacity:0;transition:opacity 1s ease-in-out,transform 1s ease-in-out;overflow:hidden;padding:10px}.profile-name{font-size:28px;margin-bottom:20px;font-weight:800;opacity:0;transition:opacity 1s ease-in-out,transform 1s ease-in-out;transform:translate(-50%)}.profile-summary{font-size:18px;line-height:1.3;font-weight:100;opacity:0;transition:opacity 1s ease-in-out,transform 1s ease-in-out;transform:translate(100%);text-align:left}.show{opacity:1;transform:translate(0)}@media only screen and (max-width: 900px){.profile-name{font-size:20px}.profile-summary{font-size:16px;line-height:1.4}}@media only screen and (max-width: 700px){.profile-container{display:grid;grid-template-rows:1fr 2fr}.profile-picture{width:100%;margin:0;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;padding:0}.profile-picture img{all:initial;display:block;height:100%;object-fit:scale-down;border-radius:20px;overflow:hidden}.profile-picture:before{all:initial}.profile-info{width:100%;margin:0;height:100%;display:grid;grid-template-rows:.5fr 3fr}.profile-summary{font-size:14px;text-align:center;line-height:1.2}.profile-name{margin-top:20px;font-size:19px}}.mainFooter--container{width:100%;height:40px;z-index:2;box-shadow:0 -3px 10px 3px #0000001a;display:flex;justify-content:center;align-self:flex-end;backdrop-filter:blur(1px);align-items:center;position:absolute;bottom:0}.absolute{position:absolute;bottom:0;left:0;right:0}.social-icons{margin:auto;width:40%;margin-right:1vmax;display:flex}.social-icons a{font-weight:100;display:flex;text-decoration:none;width:25%;justify-content:center;align-items:center;color:#fff}.social-icons a>svg{font-size:2vw;transition:.3s ease;margin-left:5px}.social-icons a:hover svg{transform:scale(1.2)}.mainFooter--container h1{color:#e0e0e0;font-size:1.4vmax;font-weight:100;margin:auto;margin-left:2vmax;cursor:default}@media screen and (max-width: 800px){.mainFooter--container{height:40px;margin-bottom:0}.social-icons a>i{font-size:15px;transition:.3s ease;margin-left:5px}.social-icons a{font-weight:100;font-size:13px;margin:auto;color:#fff}.social-icons{margin:auto;width:70%;margin-right:1vmax;display:flex}.mainFooter--container h1{font-size:15px}}@media screen and (max-width: 500px){.mainFooter--container{height:40px;margin-bottom:0}.social-icons a>i{font-size:12px;transition:.3s ease;margin-left:5px}.social-icons a{font-weight:100;font-size:10px;margin:auto;color:#fff}.social-icons{margin:auto 0 auto auto;width:75%;display:flex}.mainFooter--container h1{font-size:10px;text-align:center}}.skillsNote{text-align:center;font-size:16px;font-weight:700;margin-bottom:10px}.AllProjectsContainer{display:flex;flex-wrap:wrap;width:100%;justify-content:space-around;height:90%}.projectCard{text-align:center;border:1px white solid;padding:10px;display:flex;flex-direction:column;margin:5px;height:200px;max-width:30%;min-width:200px;overflow:auto;border-radius:20px;position:relative;color:#fff;justify-content:space-between}span{display:inline-block}.firstPart{width:100%;height:60%}.imgContainer{display:flex;width:30%;height:35%;margin-left:5px;float:right}.firstPart img{width:100%;object-fit:scale-down}.projectCard h1{z-index:1;height:fit-content;font-size:14px;margin-bottom:8px}.projectCard p{text-align:left;z-index:1;height:fit-content;font-size:10px}.projectCard .secondPart{z-index:1;display:flex;width:100%;height:30%}.projectSkills{display:flex;width:50%;flex-wrap:wrap;justify-content:center;align-items:center}.projectSkill{width:40%;height:20px;object-fit:scale-down}.allLinks{display:flex;flex-direction:column;width:50%;justify-content:space-around}.allLinks a{text-decoration:none;color:#fff;font-size:10px}@media (min-width: 1000px){.skillsNote{font-size:14px}.projectCard h1{font-size:17px}.projectCard p{line-height:1.2}.allLinks a{font-size:11.8px}.allLinks a:hover{font-size:12px}}@media only screen and (max-width: 460px){.skillsNote{font-size:12px}.projectCard{height:fit-content}.projectSkills{width:40%}.allLinks{width:60%}.allLinks a span{margin-left:1px}.allLinks a{font-size:10px;margin-bottom:5px}.projectCard h1{font-size:14px}.projectCard p{margin-bottom:10px}.projectSkill{width:100%;max-width:30px}}*{margin:0;padding:0;box-sizing:border-box}main{position:relative;height:100vh;width:100%;background-color:#1f192a;color:#fff;overflow:hidden}.gradiant{position:absolute;opacity:.4;filter:blur(15px)}.gradiantOne{z-index:1;background:radial-gradient(circle,#e46545,#e46545b2,#e4654523,rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0));width:38vw;height:38vw;top:0;left:0;transform:translate(-50%,-45%)}.gradiantTwo{background:radial-gradient(circle,#ffffffb2,#ffffff4b,#ffffff23,rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0));width:30vw;height:30vw;top:0;left:0;transform:translate(-10%,-50%)}.gradiantThree{background:radial-gradient(circle,#ffffff77,#ffffff4b,#ffffff23,rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0));width:30vw;height:30vw;bottom:0;right:0;transform:translate(53%,30%)}.gradiantFour{background:radial-gradient(circle,#e46545,#e465454b,#e4654523,rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0));width:38vw;height:38vw;bottom:0;right:0;transform:translate(30%,50%)}header{height:15vh;display:flex;padding:0 85px;justify-content:space-between;align-items:center}header h1{font-size:24px;font-weight:800}header h3{font-size:18px;text-align:center;font-weight:400}.buttons{display:flex;align-items:center}.buttons>a{display:block;position:relative;color:#fff;font-size:18px;text-decoration:none;margin:0 31px;font-weight:700}.downloadCV:after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:2px;background-color:#fff}.getInTouch{background-color:#e46545;padding:5px 10px;border-radius:10px;transition:all .2s ease}.getInTouch:hover{padding:8px 10px}section{width:100%;height:calc(100% - 15vh - 40px);padding:20px 50px 20px 85px;display:flex}.navs{padding:15vh 0;display:flex;flex-direction:column;justify-content:space-between;width:15%;height:100%;position:relative}.navs:after{content:"";position:absolute;background-color:#fff;top:10%;right:0px;width:1px;height:80%;margin-right:10px}.nav{z-index:2;text-decoration:none;color:#fff;font-size:18px;position:relative;width:fit-content;font-weight:800}.nav:after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:2px;background-color:#fff;transform:scaleX(0);transition:transform .5s ease;transform-origin:right}.nav:hover:after{transform:scale(1);transform-origin:left}.pageContainer{width:85%;overflow:auto}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background-color:#00000040;border-radius:10px}::-webkit-scrollbar-thumb{background-color:#ffffff80;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#fff}@media only screen and (max-width: 900px){.navs:after{content:"";position:absolute;background-color:#fff;top:10%;right:0px;width:1px;height:80%;margin-right:5px}header h1{font-size:20px;text-align:center}header h3{font-size:16px}}@media only screen and (max-width: 800px){header{padding:0 20px}.buttons>a{font-size:12px;text-align:center;margin:12px}.downloadCV:after{bottom:-5px;height:1.5px}.getInTouch,.getInTouch:hover{padding:2.5px 7px}section{flex-direction:column;padding:10px 20px}.navs{width:100%;height:10vh;align-items:center;padding:0;flex-direction:row;margin-bottom:20px}.navs:after{left:0;top:unset;bottom:0px;height:1.3px;width:100%}.nav{font-size:14px}.pageContainer{width:100%;height:fit-content}.nav:hover:after{all:initial}}@media only screen and (max-width: 400px){header h1{font-size:14px;text-align:center}.buttons>a{font-size:9px;text-align:center;margin:9px}header h3{font-size:10px}.pageContainer::-webkit-scrollbar{width:2px}}@media only screen and (max-width: 310px){header h1{font-size:10px;text-align:center}header h3{font-size:9px}.buttons>a{font-size:8px;text-align:center;margin:8px}::-webkit-scrollbar{width:2px}}