footer{display:flex;align-items:center;height:60px;border-top:1px solid #73ab32;color:#73ab32;background-color:#000;font-family:"Roboto",sans-serif;font-weight:200;font-size:.8rem;padding:10px}footer div{display:flex;align-items:center}footer div span{margin-left:25px}footer div span a{color:#fff;margin:0 4px}
nav{z-index:2;position:fixed;width:100%;transform:translateY(-90px);transition:all ease-in-out 1s;left:0;top:0;display:flex;justify-content:space-between;padding:20px 50px 0px 50px;backdrop-filter:blur(4px)}nav .content{display:flex;align-items:center}nav .content ul{display:flex;align-items:center}nav .content ul li{cursor:pointer;color:#b4c1dd;margin-right:20px;font-size:.89rem}nav .content ul li span{font-family:"Oswald",sans-serif;color:#73ab32}nav .content button{color:#73ab32;background-color:#0c192f;border:1px solid #73ab32;border-radius:3px;width:75px;height:50px;cursor:pointer}@media(max-width: 600px){nav{justify-content:center;background-color:#0c192f}nav .content{display:none}}
.title{display:flex;align-items:center}.title .title__contentArea .title__contentArea__count_number{color:#73ab32}.title .title__contentArea .title__contentArea__title{color:#ccd7f5}.title .title__after{flex:1;max-width:500px;height:1px;border:none;background-color:#233653;margin-left:24px;margin-right:20px}
.aboutMeMain{transition:all ease-in-out .4s;display:flex;margin:0px 30px;opacity:0;transform:translateY(30px);flex-direction:column}.aboutMeMain .aboutMeMain__aboutMeContent{flex:1;display:flex;margin-top:30px}.aboutMeMain .aboutMeMain__aboutMeContent .aboutMeMain__aboutMeContent__text{flex:1;color:#7d88a4;margin-right:30px}.aboutMeMain .aboutMeMain__aboutMeContent .aboutMeMain__aboutMeContent__text ul{display:flex}.aboutMeMain .aboutMeMain__aboutMeContent .aboutMeMain__aboutMeContent__text ul div{margin-right:10px}.aboutMeMain .aboutMeMain__aboutMeContent .aboutMeMain__aboutMeContent__text ul div li{display:flex;align-items:center;margin-bottom:10px}.aboutMeMain .aboutMeMain__aboutMeContent .aboutMeMain__aboutMeContent__text ul div li svg{color:#73ab32}.aboutMeMain .aboutMeMain__aboutMeContent .my_pictureContainer{display:flex;flex:1;justify-content:center}.aboutMeMain .aboutMeMain__aboutMeContent .my_pictureContainer .my_picture{transition:all ease .3s;width:100%;min-width:200px;min-height:200px;max-width:300px;max-height:300px;background-position:center;background-size:cover;border:solid 2px #73ab32;filter:brightness(80%) saturate(50%)}.aboutMeMain .aboutMeMain__aboutMeContent .my_pictureContainer .my_picture:hover{filter:brightness(1);transform:scale(1.02);cursor:pointer;border-radius:5px}@media(max-width: 800px){.aboutMeMain__aboutMeContent{flex-direction:column-reverse}.aboutMeMain__aboutMeContent .aboutMeMain__aboutMeContent__text{margin:0;margin-top:30px}}
main .homepageContent{transition:all ease-in-out 1s;transform:translateY(20px);opacity:0}main .homepageContent h3{font-size:1rem;font-weight:200;color:#73ab32}main .homepageContent div{margin:20px 0px 30px 0px}main .homepageContent div .name,main .homepageContent div .whatDoes{font-size:4.8rem;font-weight:700}main .homepageContent div .name{color:#ccd7f5}main .homepageContent div .whatDoes{color:#8893af}main .homepageContent p{color:#65718b;max-width:500px;word-wrap:break-word}
.exeptionProjectArea{display:flex}.project{flex:1;transition:all ease-in-out .3s;display:flex;margin:20px 30px;box-shadow:5px 10px 10px;position:relative;max-width:800px;min-height:300px}.project:hover{cursor:pointer;transform:scale(1.02)}.project:hover .project__before_background{filter:blur(0)}.project .project__before_background{transition:all ease-in-out .4s;position:absolute;top:0;left:0;width:100%;height:100%;filter:grayscale(70%) blur(2px)}.project .project__project__projectProfilePicture{transition:all ease-in-out .3s;transition-timing-function:cubic-bezier(0.5, 0.01, 0.13, 1.47);filter:brightness(100%);flex:1;padding:40px 30px}.project .project__project__projectProfilePicture .project__project__projectProfilePicture__project__infoContent{display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;margin:auto 0}.project .project__project__projectProfilePicture .project__project__projectProfilePicture__project__infoContent .project__project__projectProfilePicture__project__infoContent__subTitleAndTitle{margin:20px 0;text-shadow:#080808 0px 10px 20px;flex:1}.project .project__project__projectProfilePicture .project__project__projectProfilePicture__project__infoContent .project__project__projectProfilePicture__project__infoContent__subTitleAndTitle span{color:#73ab32;font-weight:600;font-size:2rem}.project .project__project__projectProfilePicture .project__project__projectProfilePicture__project__infoContent .project__project__projectProfilePicture__project__infoContent__subTitleAndTitle h2{color:#e5f1fe;font-size:3rem}.project .project__project__projectProfilePicture .project__project__projectProfilePicture__project__infoContent .project__project__projectProfilePicture__project__infoContent__description{color:#919db9}.project .project__project__projectProfilePicture .project__project__projectProfilePicture__project__infoContent .project__project__projectProfilePicture__project__infoContent__description strong{color:#73ab32}.project .project__project__projectProfilePicture .project__project__projectProfilePicture__project__infoContent .project__project__projectProfilePicture__project__infoContent__techs{margin-top:20px;color:#73ab32}.project .project__project__projectProfilePicture .project__project__projectProfilePicture__project__infoContent .project__project__projectProfilePicture__project__infoContent__techs span{margin-right:15px}@media(max-width: 700px){a .exeptionProjectArea{justify-content:center !important}}
.thingsBuiltedMain{transition:all ease-in-out 1s;opacity:0;transform:translateY(30px)}.thingsBuiltedMain .thingsBuiltedMain__projectsArea{display:flex;flex-direction:column}.thingsBuiltedMain .thingsBuiltedMain__projectsArea .thingsBuiltedMain__projectsArea__myGithub{margin-top:20px;text-align:center;color:#fff}.thingsBuiltedMain .thingsBuiltedMain__projectsArea .thingsBuiltedMain__projectsArea__myGithub a{color:#57abfd}
.App{display:flex;flex-direction:column;justify-content:center;margin:140px 100px;margin-bottom:0}.App section{margin-bottom:200px}@media(max-width: 1070px){html{font-size:70%}}@media(max-width: 900px){html{font-size:65%}html .App{margin:140px 50px}}
*{font-family:"Roboto",sans-serif;margin:0;padding:0;box-sizing:border-box;text-decoration:none;list-style:none}* a{color:inherit}body{background-color:#0c192f}