@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:wght@500&display=swap);:root{--bg-color:#f5f5f5;--bg-main-color:#000;--text-color:#222;--nav-bg-color:#1b1a1a80}*{box-sizing:border-box;margin:0;padding:0}*,html{scroll-behavior:smooth}html{font-size:62.5%}body,html{height:100%}body{background:#f5f5f5;background:var(--bg-color)}#root,.App{height:100%}.App{color:var(--text-color);font-family:Lato,sans-serif}.App__content{height:calc(100% - 80px)}.navBar{background-color:var(--bg-color);font-size:1.2rem;height:80px;justify-content:center;padding:20px;position:fixed;top:0;z-index:1000}.navBar,.navBar__container{align-items:center;display:flex;width:100%}.navBar__container{flex:1 1;height:inherit;padding:0 20px}.navBar__container__logo{cursor:pointer;height:auto;width:30%}.navBar__container__menu{display:flex;list-style:none;text-align:center}.navBar__container__menu__item{cursor:pointer;font-family:Lato,sans-serif;font-size:2.5rem;line-height:40px;margin-right:1.5rem}.navBar__container__menu__item:after{background:#0000;content:"";display:block;height:3px;transition:all .5s ease;width:0}.navBar__container__menu__item:hover:after{background:var(--bg-main-color);width:100%}.navBar__container__menu__item__link{color:var(--bg-main-color);padding:.5rem;text-decoration:none}.navIcon{display:none}@media only screen and (max-width:768px){.navBar__container__menu{display:flex;flex-direction:column;justify-content:center;left:-110%;opacity:.5;position:absolute;top:80px;width:100%}.navBar__container__menu.active{background:#fffc;left:0;opacity:1}.navBar__container__menu__item{border-bottom:1px solid #282828;margin:0;padding:20px 0}.navIcon{color:var(--bg-main-color);cursor:pointer;display:block;padding-right:20px}}.home_section{height:100vh}.home{display:flex;flex-direction:row;margin-top:20rem;width:100%}.home__image{align-items:center;display:flex;justify-content:flex-start;width:50%}.home__image__logo{height:auto;margin-left:20rem;width:50%}.home__text{align-content:center;color:#000;display:flex;flex-direction:column;justify-content:center;margin-left:10rem}.home__text__hello{color:#5a5959;font-family:Lato,sans-serif;font-size:2rem}.home__text__headone{font-family:Lato,sans-serif;font-size:5rem;font-weight:700}.home__text__headtwo{color:#403f3f;font-family:Lato,sans-serif;font-size:3.5rem}.home__text__buttons{display:flex;gap:2rem;margin-top:2rem}.home__text__buttons button{background-color:#0000;border:1.5px solid #000;border-radius:1rem;color:#000;cursor:pointer;font-family:Lato,sans-serif;font-size:1.5rem;height:5rem;transition:transform .2s,box-shadow .2s;width:12rem}.home__text__buttons button:hover{background-color:#000;box-shadow:5px 5px 15px #00000080;color:#fff;transform:scale(1.07)}.home__text__buttons button:active{box-shadow:3px 3px 10px #0003;transform:scale(.95)}@media only screen and (max-width:768px){.home_section{height:60vh}.home{align-items:center;flex-direction:column;margin-top:10rem}.home__image{width:100%}.home__image,.home__image__logo{align-items:center;display:flex;justify-content:center}.home__image__logo{height:auto;margin-left:0;margin-right:0;width:70%}.home__text{margin-left:0;padding:0 1rem;text-align:center}.home__text__hello{color:#5a5959;font-family:Lato,sans-serif;font-size:1.5rem}.home__text__headone{font-family:Lato,sans-serif;font-size:3rem;font-weight:700}.home__text__headtwo{color:#403f3f;font-family:Lato,sans-serif;font-size:2rem}.home__text__buttons{align-items:center;flex-direction:row;gap:1rem;margin-left:2rem;margin-top:1rem}}.about_section{height:100vh}.about h1{font-family:Lato,sans-serif;font-size:4.5rem;margin-left:1rem}.about__info{display:flex;flex-direction:row;margin-top:5rem;width:100%}.about__info__image{height:auto;margin-left:15rem;width:20%}.about__info__details{display:flex;flex-direction:column;height:100%}.about__info__details__inf{align-content:center;font-family:Lato,sans-serif;font-size:2rem;height:50%;line-height:1.6;margin-left:10rem;margin-top:5rem;text-align:center;width:70%}.about__info__details__expandjob{align-items:center;display:flex;flex-direction:row;gap:5rem;height:50%;justify-content:center;margin-right:7rem;margin-top:2rem}.about__info__details__expandjob__exp{align-items:center;border:1px solid #000;border-radius:1rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:2rem;width:20%}.about__info__details__expandjob__exp__head{font-family:Lato,sans-serif;font-size:1.5rem;font-weight:700;margin-top:1rem}.about__info__details__expandjob__exp__job{font-family:Lato,sans-serif;font-size:2.5rem;line-height:0;margin-top:1rem}.about__info__details__expandjob__exp__duration{font-family:Lato,sans-serif;font-size:1rem;margin-top:1rem}@media only screen and (max-width:768px){.about_section{height:auto;padding:2rem 0}.about h1{font-size:3rem;margin-left:0;text-align:center}.about__info{align-items:center;flex-direction:column;margin-top:2rem}.about__info__image{margin-bottom:2rem;margin-left:0;width:30%}.about__info__details{align-items:center;margin-left:0;width:90%}.about__info__details__inf{font-size:1.5rem;margin-left:0;margin-top:2rem;width:100%}.about__info__details__expandjob{flex-direction:column;gap:2rem;margin-right:0;margin-top:2rem;width:100%}.about__info__details__expandjob__exp{margin-bottom:2rem;width:90%}.about__info__details__expandjob__exp__head{font-size:1.2rem}.about__info__details__expandjob__exp__job{font-size:2rem}.about__info__details__expandjob__exp__duration{font-size:.9rem}}.projects_section{height:100vh}.projects h1{font-family:Lato,sans-serif;font-size:4.5rem}.projects__info{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-left:2rem}.projects__info a{color:#222;text-decoration:none}.projects__info__item{align-content:center;align-items:center;background-color:var(--bg-color);border-radius:8px;box-shadow:2px 2px 6px #000;height:45rem;justify-content:space-around;padding:20px;text-align:center;transition:transform .3s;width:30rem}.projects__info__item:hover{transform:scale(1.05)}.projects__info__item__image{height:auto;width:50%}.projects__info__item__name{font-family:Lato,sans-serif;font-size:2.5rem;font-style:normal;font-weight:700}.projects__info__item__desc{font-family:Lato,sans-serif;font-size:1.8rem;font-style:italic;font-weight:400;margin-top:2rem}.projects__info__item:hover{animation:.2s ease-in forwards}@media only screen and (max-width:768px){.projects_section{height:auto}.projects h1{font-size:3rem;margin-bottom:2rem;text-align:center}.projects__info{margin-left:0}.projects__info__item{align-content:center;align-items:center;background-color:var(--bg-color);border-radius:8px;box-shadow:2px 2px 6px #000;display:flex;flex-direction:column;gap:0;height:20rem;justify-content:space-around;padding:2px;text-align:center;transition:transform .3s;width:15rem}.projects__info__item:hover{transform:scale(1.05)}.projects__info__item__image{height:auto;width:40%}.projects__info__item__name{font-family:Lato,sans-serif;font-size:2rem;font-style:normal;font-weight:700}.projects__info__item__desc{font-family:Lato,sans-serif;font-size:1rem;font-style:italic;font-weight:400;margin-top:1.2rem}.projects__info__item:hover{animation:.2s ease-in forwards}}.tech_section{height:50vh}.tech h1{font-family:Titillium Web,Inter Semi Bold;font-size:4.5rem}.tech__icons{align-content:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-left:20rem;margin-top:7rem;padding:10px 20px;width:75%}.tech__icons__icon{font-size:8rem}@media only screen and (max-width:768px){.tech_section{height:auto}.tech h1{font-size:3rem;margin-top:5rem;text-align:center}.tech__icons{align-content:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-left:0;margin-top:5rem;width:100%}.tech__icons__icon{font-size:4rem}}.contact_section{height:50vh;margin-bottom:10rem;margin-top:1rem}.contact{width:100%}.contact h1{font-family:Lato,sans-serif;font-size:4.5rem}.contact__info{display:flex;width:100%}.contact__info__text{font-family:Lato,sans-serif;font-size:2rem;margin-left:10px;margin-top:5rem;text-align:center;width:50%}.contact__info__text__icons{display:flex;justify-content:center;margin-left:0}.contact__info__text__icons__icon{height:auto;width:50px}.contact__info__form{width:50%}.contact__info__form__something__contactform{align-items:flex-start;display:flex;flex-direction:column;gap:.1rem;margin-left:20rem}.contact__info__form__something__contactform label{font-family:Lato,sans-serif;font-size:1.5rem;margin-bottom:5px}.contact__info__form__something__contactform input,.contact__info__form__something__contactform textarea{border:1px solid #ccc;border-radius:5px;font-size:1.5rem;padding:10px;width:300px}.contact__info__form__something__contactform textarea{height:100px}.contact__info__form__something__contactform input[type=submit]{background-color:#0000;border:1px solid #000;color:#000;cursor:pointer;font-family:Lato,sans-serif;font-size:1.5rem;margin-left:10rem;margin-top:10px;transition:background-color .3s;width:100px}.contact__info__form__something__contactform input[type=submit]:hover{background-color:#000;color:#fff}@media only screen and (max-width:768px){.contact_section{height:auto;margin-bottom:5rem;margin-top:5rem}.contact{width:100%}.contact h1{font-family:Lato,sans-serif;font-size:3rem;font-weight:700;text-align:center}.contact__info{display:flex;flex-direction:column;width:100%}.contact__info__text{font-family:Lato,sans-serif;font-size:1.5rem;line-height:1.7;margin-left:2px;margin-top:3rem;text-align:center;width:100%}.contact__info__text__icons{display:flex;justify-content:center;margin-left:0;margin-top:1rem}.contact__info__text__icons__icon{height:auto;width:30px}.contact__info__form{align-content:center;display:flex;justify-content:center;margin-top:1.5rem;width:100%}.contact__info__form__something__contactform{align-items:center;display:flex;flex-direction:column;gap:.1rem;margin-left:1rem}.contact__info__form__something__contactform label{align-self:flex-start;font-family:Lato,sans-serif;font-size:1.5rem;margin-bottom:2px}.contact__info__form__something__contactform input,.contact__info__form__something__contactform textarea{border:1px solid #ccc;border-radius:5px;font-size:1.5rem;padding:10px;width:300px}.contact__info__form__something__contactform textarea{height:100px}.contact__info__form__something__contactform input[type=submit]{background-color:#0000;border:1px solid #000;color:#000;cursor:pointer;font-family:Lato,sans-serif;font-size:1.5rem;font-weight:700;margin-left:0;margin-top:10px;transition:background-color .3s;width:100px}.contact__info__form__something__contactform input[type=submit]:hover{background-color:#000;color:#fff}}
/*# sourceMappingURL=main.55e59af2.css.map*/