@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap);body{background:#243747;background:linear-gradient(90deg,#243747,#4b74a0);color:#dfeaf1;margin:0}:root{--white:#dfeaf1;--darkblue:#243747;--text:#fff09c}.App{overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto Slab,serif;font-size:large}.button{background:linear-gradient(90deg,#243747,#4b74a0);border:none;border-radius:36px;box-shadow:0 20px 24px 3px #dfeaf1;box-shadow:0 20px 24px 3px var(--white);color:#fff09c;color:var(--text);font-size:16px;overflow:hidden;padding:7px 30px;position:relative;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.button:hover{border:#243747;border:var(--darkblue);color:#243747;color:var(--darkblue);cursor:pointer;-webkit-transform:translateY(-5px);transform:translateY(-5px)}.button:after,.button:hover{background:#dfeaf1;background:var(--white)}.button:after{bottom:0;content:"";height:0;left:0;position:absolute;transition:height .3s ease,background-color .3s ease;width:100%;z-index:-1}.button:hover:after{height:100%}.about{display:flex;margin:8rem 6rem 6rem}.a-words{border:1px solid var(--white);border-radius:10px;box-shadow:0 10px 25px 5px var(--white);display:flex;flex-direction:column;gap:2rem;margin:0 auto;padding:4rem 4rem 8rem;transition:box-shadow .5s}.a-words:hover{box-shadow:0 10px 20px 4px var(--text)}span{font-size:14px}.text-container span{font-size:3rem;font-weight:700}.me{color:var(--text)}@media screen and (max-width:768px){.about{margin:.8rem .8rem 13rem}.a-words{gap:0;padding:.5rem .5rem 5rem}.a-span{font-size:14px;margin:1rem}.text-container{margin:1.5rem}.text-container span{font-size:2.3rem}}.contact{display:flex;height:60vh;margin:5rem}.l-contact{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.l-contact span{font-size:3rem;font-weight:700;margin:1rem}.l-contact span:nth-child(2){color:var(--text)}.r-contact{flex:1 1;justify-content:center;margin:5rem}.r-contact,.r-contact form{align-items:center;display:flex}.r-contact form{flex-direction:column;gap:1.5rem}.r-contact .user{border:2px solid var(--text);border-radius:8px;height:2rem;outline:none;padding:5px;resize:none;-webkit-transform:scale(110%);transform:scale(110%);width:27rem}textarea{height:6rem!important}.submit-span{color:var(--text);display:none;font-size:16px;font-weight:700;margin:1rem}@media screen and (max-width:768px){.contact{display:flex;flex-direction:column;height:40rem;margin:0 2rem}.l-contact span{font-size:2.3rem;margin:0}.r-contact form{-webkit-transform:scale(77%);transform:scale(77%)}}.footer{background-color:#243747ca;border-radius:6rem 6rem 0 0;box-shadow:0 15px 27px 5px var(--white);height:18vh}.f-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.f-content span{color:var(--text);margin:1.4rem}.f-icons .f-icons{color:var(--text);margin:.8rem;-webkit-transform:scale(130%);transform:scale(130%);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.f-icons .f-icons:hover{-webkit-transform:scale(200%);transform:scale(200%)}@media screen and (max-width:768px){.footer{height:6.5rem}.f-icons{-webkit-transform:scale(70%);transform:scale(70%)}.f-content span{margin:.8rem}}.intro{display:flex;height:77vh;margin-bottom:10rem;padding:1rem}.l-intro{display:flex;flex:1 1;flex-direction:column;gap:2rem;margin:4rem}.i-name{display:flex;flex-direction:column;gap:.5rem;margin-top:5rem}.i-name span:first-child,.i-name span:nth-child(2){font-size:2.8rem;font-weight:700}.i-name span:nth-child(2){color:var(--text);height:4rem;white-space:nowrap;width:20rem}.i-name span:nth-child(3){font-size:15px}.i-button{width:8rem}.r-intro{align-items:center;display:flex;flex:1 1;justify-content:center;padding-top:5rem;position:relative}.art-intro img{height:auto;max-width:100%;-webkit-transform:scale(100%);transform:scale(100%);width:100%}.icons{margin-top:1.5rem}.a-icons{color:var(--text);margin:1rem;-webkit-transform:scale(130%);transform:scale(130%);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.a-icons:hover{color:var(--white);-webkit-transform:scale(200%);transform:scale(200%)}@media screen and (max-width:768px){.intro{display:flex;flex-direction:column;height:65rem;margin-bottom:5rem;padding:0;-webkit-transform:scale(86%);transform:scale(86%)}.l-intro{margin:0}.a-icons{margin:.8rem;-webkit-transform:scale(115%);transform:scale(115%)}.i-name span:first-child,.i-name span:nth-child(2){font-size:2.3rem}.art-intro img{-webkit-transform:scale(150%);transform:scale(150%)}.i-button{width:8rem}}.nav{align-items:center;display:flex;justify-content:space-between;padding:1rem}.l-nav span{color:var(--text);font-size:1.5rem}.r-nav ul{display:flex;gap:3.5rem}.r-nav ul li{list-style-type:none;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.r-nav ul li:hover{color:var(--text);cursor:pointer;-webkit-transform:scale(150%);transform:scale(150%)}.sidebar{display:none;height:1.5rem;object-fit:cover}.menu ul{background:#243747a4;border-radius:1rem;display:flex;flex-direction:column;list-style:none;padding:.5rem;position:absolute;position:fixed;right:0;top:4rem;width:14rem;z-index:2}.menu ul li:active{background:var(--darkblue);color:var(--text)}.menu li{background:#fff09ca4;border-radius:.5rem;color:var(--darkblue);margin:.25rem .25rem .8rem;padding:.5rem 3rem}.n-button a{color:var(--text)}.n-button a:hover{background:var(--white);text-decoration:none}@media screen and (max-width:768px){.n-button,.nav ul{display:none}.sidebar{display:flex}}.skills{display:flex;height:77vh;margin:5rem}.l-skills{display:flex;flex:1 1;flex-direction:column;gap:1rem;justify-content:center}.l-skills>:first-child{color:var(--text);font-size:3rem;font-weight:700}.l-skills>:nth-child(2){font-size:15px}.list{margin-top:3rem}.list ul{color:var(--text);display:flex;gap:3rem;list-style-type:lower-greek}.r-skills{align-items:center;display:flex;flex:1 1;justify-content:center}.circle{background-color:var(--darkblue);border-radius:100%;box-shadow:0 10px 25px 5px var(--white);height:20rem;left:5rem;position:relative;top:2rem;width:20rem}.circle>*{position:absolute}.circle>:first-child{left:8rem;top:1.5rem}.circle>:nth-child(2){left:0;top:9rem}.circle>:nth-child(3){left:8rem;top:9rem}.circle>:nth-child(4){left:15.5rem;top:9rem}.circle>:nth-child(5){left:8rem;top:17rem}.s-circle{align-items:center;background:none;border-radius:100%;display:flex;height:6rem;justify-content:center;position:absolute;width:6rem}.c-image{-webkit-transform:scale(100%);transform:scale(100%)}.c-image,.s-icons svg{align-items:center;border-radius:50%;color:var(--text);display:flex;height:50px;justify-content:center;margin:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:50px}@media screen and (max-width:1236px){.skills{display:flex;flex-direction:column;height:60rem;margin:1rem 1rem 5rem}.l-skills>:first-child{font-size:2.3rem}.l-skills>:nth-child(2){font-size:14px}.list{margin-bottom:10rem;margin-left:-2rem;-webkit-transform:scale(80%);transform:scale(80%)}.list ul{display:flex;flex-direction:column;font-weight:500;gap:1.4rem;list-style-type:none}.list ul li{border-bottom:1px solid var(--text)}.circle{left:0;top:-7rem}}.projects{margin:3rem;padding:3rem}header{color:var(--text);font-size:3rem;font-weight:700;margin-bottom:10rem;text-align:center}.both{display:flex;height:80vh;margin:5rem 0}.l-projects{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem}.l-projects span{margin:1.5rem}.l-projects span:first-child{color:var(--text);font-size:2.5rem}.r-projects{align-items:center;background:var(--darkblue);border:3px solid var(--darkblue);border-radius:2rem;box-shadow:5px 5px 5px 4px var(--darkblue);display:flex;flex:1 1;justify-content:center;position:relative}.p-icons{color:var(--text);margin:1.5rem;-webkit-transform:scale(130%);transform:scale(130%)}@media screen and (max-width:1098px){.projects{margin:1rem;padding:0}header{margin-bottom:5rem}.both{border-bottom:4px solid var(--white);display:flex;flex-direction:column-reverse;height:55rem;margin-bottom:6rem}.both-s{display:flex;flex-direction:column;margin-bottom:10rem}.l-projects{margin:0;padding:0}.r-projects{border:none;box-shadow:none}@media screen and (max-width:685px){.big .r-projects img{-webkit-transform:scale(55%);transform:scale(55%)}.r-projects img{-webkit-transform:scale(80%);transform:scale(80%)}.r-projects img:nth-child(2){left:3rem}}}
/*# sourceMappingURL=main.ed3254fd.css.map*/