*{box-sizing:border-box;font-family:Courier New,Courier,monospace;margin:0;padding:0;text-decoration:none}.App_appStyle__Q41tq{height:auto;overflow:hidden;width:100%}.App_mainAbout__RAQ2D,.App_mainContact__13LgT,.App_mainFooter__S1kNd,.App_mainHome__pgcKB,.App_mainProjects__6-kdy,.App_mainServices__JGIPj,.App_mainSkills__A66cb{background:linear-gradient(135deg,#02022f,#18075a,#4f6aff,#18075a,#02022f)}.navigationBar{align-items:center;display:flex;height:5rem;justify-content:space-between;position:relative;width:100%;z-index:10}.logoStyle{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:31px}.leftPart{align-items:center;display:flex}.hamManu,.manuTitel,hr{color:#f0f8ff;display:none}.hamManu{font-size:18px}.menuItems{display:flex;list-style:none}.a_c{color:rgba(240,248,255,.822);cursor:pointer;font-size:20px;margin-left:40px;position:relative;text-decoration:none}.a_c:after{background-color:#00ffe0;bottom:0;content:"";height:.065rem;left:0;margin-top:5px;position:absolute;transform:scaleX(0);transition:transform .3s ease;width:100%}.a_c:hover:after{transform:scale(1)}.a_c:hover{color:#00ffe0}@media screen and (max-width:1115px){.hamManu{cursor:pointer;display:block;font-size:21px}.manuTitel,hr{display:block;width:100%}.manuTitel{font-size:18px;margin-bottom:5px;text-align:center}.menu{align-items:center;background:linear-gradient(0deg,rgba(20,40,78,.386),#2c66ca);border-radius:7px;box-shadow:8px -8px 10px 0 rgba(28,28,28,.288);display:flex;flex-direction:column;justify-content:center;padding:24px 10px;position:absolute;right:0;top:3.5rem;width:205px;z-index:10}.menu,.menu.active{transition:all 1s ease}.menu.active{right:-500px}.menuItems{flex-direction:column;margin:5px 0;width:100%}.manuItem{align-items:center;display:inline-flex;height:30px;justify-content:center;margin-top:5px;width:100%}.manuItem:hover{background-color:rgba(240,248,255,.266);border-radius:4px}.a_c{cursor:pointer;font-size:18px;margin-left:0}.a_c:after{background-color:initial}.a_c:hover{color:#f0f8ff}}@media screen and (max-width:515px){.menu{top:3.7rem}}.homeSection{background-color:#15002f85;color:#f0f8ff;display:flex;flex-direction:column;padding:0 5rem}.mainNavBar{margin-bottom:4.5rem}.homeBody{display:flex}.leftHome{width:60%}.profilePicRespon{border:4px solid #f0f8ff;border-radius:50%;box-shadow:0 2px 10px 2px hsla(0,0%,5%,.727);display:none;margin-bottom:60px;width:250px}.homeHello{font-size:20px;font-weight:800;margin-bottom:40px}.homeMyName{font-family:Arial,Helvetica,sans-serif;font-size:70px;font-weight:700;letter-spacing:2px;margin-bottom:5px}.homeMyNameRespon{display:none}button{border:none;border-radius:15px;box-shadow:0 5px 10px 2px hsla(0,0%,5%,.727);color:#f0f8ffe2;cursor:pointer;font-size:20px;font-weight:700;height:30px;position:relative;transition:.5s;width:190px;z-index:0}button:after{background-color:#222;height:30px;left:0;top:0;width:190px}button:after,button:before{border-radius:15px;content:"";position:absolute;z-index:-1}button:before{background:linear-gradient(45deg,#002bff,#00ffd5,#002bff,#00ffd5);height:calc(100% + 4px);left:-2px;top:-2px;transition:.5s;width:calc(100% + 4px)}button:hover:before{background:linear-gradient(135deg,#002bff,#00ffd5,#002bff,#00ffd5);transition:.5s}button:hover{box-shadow:0 0 15px #00ffe0;transform:scale(1.05);transition:.5s}.homeLeftButton{margin-bottom:6rem}.typeWrittingAnima{display:flex;font-size:40px;font-weight:600;margin-bottom:50px}.homeMySkills{color:rgba(240,248,255,.862);font-size:18px;font-weight:100;margin-bottom:20px}.rightHome{align-items:center;display:flex;flex-direction:column;width:40%}.profilePic{border:4px solid #f0f8ff;border-radius:50%;box-shadow:0 2px 10px 2px hsla(0,0%,5%,.727);margin-bottom:60px;width:300px}.rightTextAnima{display:flex;font-size:25px;font-weight:100;text-align:center}.homeLeftButtonRespon{display:none}@media screen and (max-width:1300px){.homeHello{font-weight:600}.homeMyName{font-size:60px}.typeWrittingAnima{font-size:30px}.homeMySkills{font-size:15px;margin-bottom:40px}.profilePic{margin-bottom:40px;margin-top:20px;width:250px}.rightTextAnima{font-size:17px}}@media screen and (max-width:1010px){.mainNavBar{margin-bottom:2rem}.homeBody,.leftHome{flex-direction:column}.leftHome{align-items:center;display:flex}.leftHome,.rightHome{width:100%}.profilePicRespon{display:block;margin-bottom:40px}.homeHello{font-size:25px;margin-bottom:15px}.homeMyName{display:none}.homeMyNameRespon{display:block;font-size:50px;font-weight:600;text-align:center}.typeWrittingAnima{font-weight:600;margin-bottom:40px}.homeMySkills{text-align:center}.profilePic{display:none}.rightTextAnima{margin-bottom:20px}.homeLeftButton{display:none}.homeLeftButtonRespon{display:block;margin-bottom:6rem}}@media screen and (max-width:785px){.homeHello{font-size:20px;margin-bottom:13px}.profilePicRespon{margin-bottom:30px;width:250px}.homeMyNameRespon{font-size:35px;font-weight:600}.typeWrittingAnima{font-size:25px}}@media screen and (max-width:515px){.homeSection{padding:0 1.7rem}.leftHome{display:flex;width:100%}.profilePicRespon{margin-bottom:35px}.homeHello{align-self:start;font-size:20px;font-weight:800;margin-bottom:10px}.homeMyNameRespon{font-size:44px;font-weight:900;margin-bottom:5px;text-align:start}.typeWrittingAnima{align-self:center;align-self:start;flex-direction:column;font-size:27px;font-weight:700;letter-spacing:0;margin-bottom:20px}.homeMySkills{align-self:start;font-size:18px;text-align:start}}@media screen and (max-width:410px){.homeMyNameRespon{font-size:40px}}.containerAbout{background-color:#15002f85;color:#f0f8ff;height:auto;padding:5rem 5rem 7rem;position:relative;width:100%}.leftAbout{border-radius:10px;display:flex;height:auto;justify-content:space-between;margin-bottom:5rem;width:100%}.aboutProfileContain{align-items:center;display:flex;width:25%}.leftAboutMe{display:flex;flex-direction:column;justify-content:space-evenly;width:70%}.aboutProfile{border:4px solid #f0f8ff;border-radius:50%;box-shadow:0 2px 10px 2px hsla(0,0%,5%,.727);width:300px}.leftAboutHead{font-size:40px}.textLeftAbout{font-size:22px}.rightAbout{width:100%}.rightAboutBody{background-color:rgba(24,14,40,.716);border-radius:10px;padding:1rem}.rightAboutMySkils{background:linear-gradient(90deg,rgba(50,156,255,.562),rgba(0,12,72,.105));background-repeat:no-repeat;background-size:0 100%;border-radius:10px;cursor:pointer;margin-bottom:2.5rem;padding:.5rem 2rem;transition:1s}.rightAboutMySkils:hover{background-size:100% 100%}.rightAboutSkillHead{margin-bottom:.5rem}.buttonAbout{display:flex;justify-content:center}li{margin-bottom:5px}@media screen and (max-width:1260px){.aboutProfile{width:250px}.leftAbout{flex-direction:column}.aboutProfileContain{margin-bottom:15px}.leftAboutHead{font-size:30px}.leftAboutMe{width:100%}}@media screen and (max-width:1138px){.containerAbout{padding:6rem 3.5rem}.aboutProfile{width:200px}.leftAboutHead{font-size:20px;margin-bottom:7px}.textLeftAbout{font-size:17px}}@media screen and (max-width:1000px){.leftAboutHead{font-size:19px}}@media screen and (max-width:710px){.leftAbout{margin-bottom:2rem}.aboutProfileContain{margin-bottom:35px}.aboutProfile{width:170px}.containerAbout{padding:4rem 1.5rem}}.containerService{align-items:center;background-color:#15002fd7;color:#f0f8ff;display:flex;flex-direction:column;height:auto;padding:3rem 5rem;position:relative;width:100%}.serviceHead{font-size:40px;margin-bottom:50px;text-align:center}.serviceBody{grid-column-gap:60px;grid-row-gap:60px;align-items:center;column-gap:60px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);margin-bottom:50px;position:relative;row-gap:60px;width:100%}.services{background:linear-gradient(180deg,rgba(50,156,255,.562),#0e0450f9);border:1px solid #b7fff7;border-radius:15px;cursor:pointer;display:flex;flex-direction:column;height:15rem;justify-content:space-around;justify-self:center;padding:1rem 1.5rem;transition:.5s;width:23rem}.services:hover{box-shadow:0 0 15px #00ffe0;transform:scale(1.05);transition:.5s}.serviceReadMore{cursor:pointer;display:contents}.serviceReadMore:hover{color:#00ffe1}.readMoreServices{background-color:#180e28;border-radius:10px;box-shadow:0 0 15px rgba(14,8,32,.825);display:none;height:440px;justify-self:center;padding:1.5rem 2rem;position:absolute;width:700px}.readMoreServices.active{display:block}.fa-xmark{cursor:pointer;float:right;font-size:25px}.readMoreServicesHeading{display:flex;margin-bottom:25px;margin-top:25px;text-align:center}@media screen and (max-width:1342px){.serviceBody{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}}@media screen and (max-width:990px){.containerService{padding:3rem}.serviceBody{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr);row-gap:25px}.services{height:17rem;width:28rem}}@media screen and (max-width:833px){.serviceHead{font-size:25px}.services{height:15rem;width:24rem}.readMoreServices{height:440px;width:600px}}@media screen and (max-width:695px){.containerService{padding:3rem 1.6rem}.services{height:15rem;width:22rem}.readMoreServices{height:500px;width:500px}}@media screen and (max-width:580px){.readMoreServices{height:600px;width:400px}}@media screen and (max-width:480px){.readMoreServices{height:650px;width:350px}}@media screen and (max-width:410px){.containerService{padding:3rem 1rem}.services{height:16rem;width:20rem}.readMoreServices{height:720px;width:320px}}.containerSkills{align-items:center;background-color:#15002fd7;color:#f0f8ff;display:flex;flex-direction:column;height:auto;justify-content:center;padding:3rem 5rem 6rem;position:relative;width:100%}.skillHead{font-size:40px;margin-bottom:50px;text-align:center}.skillBody{display:flex;justify-content:space-between;padding-bottom:50px;width:100%}.leftSkill{grid-row-gap:40px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);row-gap:40px;width:30%}.skillImgContainer{flex-direction:column;font-size:20px;font-weight:700}.skillImgContainer,.skillImgContainerItem{align-items:center;display:flex;justify-content:center}.skillImgContainerItem{background:linear-gradient(180deg,rgba(50,156,255,.562),#0e0450f9);border:1px solid #b7fff7;border-radius:50%;height:90px;margin-bottom:6px;transition:.4s;width:90px}.skillImgContainerItem:hover{box-shadow:0 0 15px #00ffe0;transform:scale(1.1);transition:.4s}.skillImg{width:60px}.rightSkill{grid-column-gap:15px;column-gap:15px;display:grid;grid-template-columns:repeat(2,1fr);width:65%}.rightSkillImg{justify-self:center;width:400px}@media screen and (max-width:1410px){.rightSkillImg{justify-self:center;width:375px}}@media screen and (max-width:1340px){.rightSkill{grid-template-columns:repeat(2,1fr);row-gap:15px}.skillBody{align-items:center;flex-direction:column}.leftSkill{margin-bottom:40px;width:80%}.rightSkill{width:100%}.rightSkillImg{justify-self:center;width:400px}}@media screen and (max-width:1000px){.skillHead{font-size:25px}.skillBody{padding-bottom:20px;width:auto}.rightSkill{grid-template-columns:repeat(1,1fr);row-gap:25px}.leftSkill{width:100%}}@media screen and (max-width:450px){.containerSkills{padding:3rem 0}.leftSkill{margin-bottom:50px}.rightSkillImg{justify-self:center;width:350px}}@media screen and (max-width:410px){.containerSkills{padding:3rem 1rem}.rightSkillImg{width:20rem}.skillImgContainer{font-size:18px}}.containerProjects{align-items:center;background-color:#15002fd7;color:#f0f8ff;display:flex;flex-direction:column;height:auto;justify-content:center;padding:3rem 5rem;width:100%}.projectHead{font-size:40px;margin-bottom:50px;text-align:center}.projectsBody{grid-column-gap:40px;grid-row-gap:40px;column-gap:40px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);margin-bottom:50px;row-gap:40px}.projectPic{border-radius:5px;max-height:100%;max-width:100%;padding-bottom:.3rem}.projects{align-items:center;background:linear-gradient(90deg,rgba(41,123,201,.881),#4127e8cf);border-radius:5px;cursor:pointer;font-size:20px;height:auto;padding:.3rem;transition:.5s;width:25rem}.aboutProject,.projects{display:flex;flex-direction:column}.aboutProject{height:100%;justify-content:center;text-align:center;width:100%}.projects:hover{box-shadow:0 0 15px #00ffe0;transform:scale(1.05);transition:.5s}@media screen and (max-width:1385px){.projectsBody{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:950px){.projectsBody{grid-template-columns:repeat(1,1fr)}.projectHead{font-size:25px}.projects{width:22rem}}@media screen and (max-width:410px){.containerProjects{padding:3rem 1rem}.projects{width:20rem}}.containerContact{background-color:#15002fd7;color:#f0f8ff;height:auto;padding:3rem 5rem;width:100%}.contactHead{font-size:40px;margin-bottom:50px;text-align:center}.contactBody{display:flex;width:100%}.contactBodyLeft{width:50%}.contactBodyLeftTilet{margin-bottom:10px}.mainContactImgContainer{display:flex;margin-top:50px;width:100%}.contactImg{border-radius:50%;margin-right:40px;transition:.5s;width:50px}.contactImg:hover{box-shadow:0 0 15px #00ffe0;transform:scale(1.3);transition:.5s}.contactBodyRight{margin-left:50px;width:50%}.contactForm{display:flex;flex-direction:column;gap:15px}label{color:#f0f8ff;font-size:20px;font-weight:700}input,textarea{background-color:#675983e8;border:none;border-radius:5px;color:#f0f8ff;font-size:15px;font-weight:500;padding:10px 15px}input::placeholder,textarea::placeholder{color:#b0b7bd}button{align-self:center;margin-top:40px}@media screen and (max-width:1080px){.contactBody{align-items:center;flex-direction:column-reverse}.contactBodyRight{margin:0 0 4.5rem;width:100%}.contactBodyLeft{display:flex;flex-direction:column;width:100%}.mainContactImgContainer{justify-content:center}.contactImg{margin-left:30px;margin-right:30px}}@media screen and (max-width:940px){.containerContact{padding:3rem 2rem}}@media screen and (max-width:750px){.containerContact{padding:3rem 2rem;padding:3rem 1.6rem}.contactHead{font-size:25px}.contactSubmit{margin-top:25px}.contactImg{margin-left:10px;margin-right:10px;width:40px}}.footer{background-color:#15002ff1;color:#f0f8ff;display:flex;flex-direction:column;height:10rem;justify-content:center;margin-top:.5px;padding:0 5rem;text-align:center}.copyText{margin-bottom:12px}@media screen and (max-width:750px){.footer{padding:0 2rem}}
/*# sourceMappingURL=main.8dcb7f32.css.map*/