@import url(https://fonts.googleapis.com/css2?family=Courgette&family=Imperial+Script&family=Noto+Sans:wght@400;700&family=Oooh+Baby&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&family=Roboto:ital,wght@0,300;0,400;0,500;1,100;1,300;1,400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Imperial+Script&family=Noto+Sans:wght@400;700&family=Oooh+Baby&family=Roboto:ital,wght@0,300;0,400;0,500;1,100;1,300;1,400&display=swap);:root{--color-title:#ff5349;--color-primary:#0d75ff;--color-link:#ccc}*,:after,:before{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;font-size:62.5%;scroll-behavior:auto}body{background:#282c34;font-family:Playfair Display,serif;font-weight:400}.content__wrapper{padding:5rem}@media screen and (max-width:768px){.content__wrapper{padding:0}}@media screen and (max-width:480px){.content__wrapper{padding:0}}nav{align-items:center;display:flex;justify-content:space-between;margin-bottom:10rem;padding:2rem}.title>a{color:#ccc;font-family:inherit;font-size:3rem;font-weight:400;text-decoration:none}.about__intro>h4{font-size:4rem;line-height:5rem}.about__intro>p{color:#ccc;font-size:1.5rem;line-height:3rem}.about__intro>button{margin-top:2rem}.navigation{display:flex}.hambuger{display:none}.navigation__item{list-style:none}.navigation__item>a{color:var(--color-link);font-size:2rem;text-decoration:none}.navigation__item:not(:last-child){margin-right:3rem}.about{grid-gap:5rem;display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:20rem}.about__intro{align-self:end}.intro{color:#ccc}.emoji,.intro{align-items:center;display:flex}.emoji{color:#ffeb3b;margin-left:1rem}.about__intro>button{background:#ccc;border:none;color:#282c34;padding:1rem}.img{width:100%}.skills{color:#f9f9f9;color:#ccc;display:flex;font-family:Oooh Baby,cursive;font-size:1.5rem;font-weight:600;height:50px;justify-content:center;line-height:2rem}.skill__imgBox{width:5rem}.skill__html{position:relative;right:30px;text-align:center;top:150px}.skill__css,.skill__git{bottom:50px;position:relative;text-align:center}.skill__git{left:50px}.skill__react{-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-timing-function:linear;animation-timing-function:linear;right:50px;top:90px}.skill__node,.skill__react{position:relative;text-align:center}.skill__node{left:50px}.skill__css:hover,.skill__db:hover,.skill__figma:hover,.skill__git:hover,.skill__html:hover,.skill__js:hover,.skill__node:hover,.skill__sass:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}.skill__js{right:150px;top:250px}.skill__js,.skill__sass{position:relative;text-align:center}.skill__sass{right:80px;top:190px}.skill__db{position:relative;right:100px;text-align:center;top:100px}@-webkit-keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.grid{grid-gap:5rem;display:grid;grid-template-columns:repeat(auto-fit,350px);justify-content:center}.projects__card{background-color:#28282b}.card__image{border-radius:10px;overflow:hidden}.recent{color:#ccc;font-size:3rem;font-weight:400;margin-bottom:4rem;text-align:center;text-transform:uppercase}.four:hover,.one:hover,.three:hover,.two:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.card__stacks>button{background:#ccc;border:none;color:#282c34;margin-top:1rem;padding:.5rem}.card__stacks>button:not(:last-child){margin-right:1rem}.card__details{padding:1rem}.card__about{margin-top:1rem}.card__about>h5{color:#ccc;font-size:2rem}.card__about>p{color:#ccc;font-size:1.25rem;margin-top:.75rem}.card__link{align-items:center;display:flex;margin-top:2rem}.link{align-items:flex-end;color:#ccc;display:flex;font-size:1.25rem;text-decoration:none}.link>span{align-items:center;display:flex}.card__link>p:not(:last-child){margin-right:1rem}.contactme{margin-top:20rem}.contact__title{color:#ccc;font-size:3rem;margin-bottom:2rem}.contact__socials>button{background:transparent;border:none;outline:none;padding:1rem}.contact__socials>button>a,.right{color:#ccc}.right{display:flex;justify-content:space-between}.right>p{font-size:1.5rem}.right>p>a{color:#ccc;-webkit-text-decoration-color:#ccc;text-decoration-color:#ccc}@media screen and (max-width:768px){.about{grid-gap:15rem;display:grid;grid-template-columns:40% 40% 1fr;justify-content:space-between;margin-bottom:20rem;padding:2rem}}@media screen and (max-width:540px){.about{grid-gap:15rem;display:grid;grid-template-columns:none;margin-bottom:50rem}nav{margin-bottom:5rem}.navigation__item>a{font-size:1.5rem!important}.title>a{font-size:1.5rem}.skills{-webkit-transform:translateX(5rem);transform:translateX(5rem)}.contact__title{font-size:2rem}.right>p{font-size:1.1rem}}@media screen and (max-width:480px){.hambuger{cursor:pointer;display:block;height:35px;position:relative;width:50px}.block,.hambuger>button{height:100%;width:100%}.block{-webkit-animation:slide-down .8s ease-out forwards;animation:slide-down .8s ease-out forwards;background:#020303;display:block;position:absolute;right:0;top:0;z-index:30}.navigation__item{left:26%;position:relative;top:30%}.navigation__item:not(:last-child){margin-bottom:3rem}.navigation__item>a{font-size:3.5rem!important}.none{display:none}.title>a{font-size:3rem}.skills{-webkit-transform:translateX(11rem);transform:translateX(11rem);width:250px}.about{grid-gap:15rem;display:grid;grid-template-columns:none;margin-bottom:40rem}.about,footer{padding:2rem}.contact__title{font-size:2rem}.right>p{font-size:1rem}.skill__figma{left:3rem;position:relative}.skill__html{right:30px;top:150px}.skill__node{left:36px}.skill__sass{right:91px;top:190px}.skill__db{right:113px;top:100px}.skill__js{right:150px;top:230px}}.link-dev{color:#ccc;-webkit-text-decoration-color:var(--color-primary)!important;text-decoration-color:var(--color-primary)!important}@media screen and (max-width:375px){.skills{position:relative;-webkit-transform:translateX(21rem);transform:translateX(21rem);width:0}.grid{grid-template-columns:none}.projects{padding-left:3rem;padding-right:3rem}.right>p{font-size:1rem}}@-webkit-keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.hr{margin-bottom:1rem;margin-top:1rem}
/*# sourceMappingURL=main.db45897c.css.map*/