:root{--Text1:#1c1c1c;--Text2:#737373;--Text3:#4082fc;--TextButtons:#f0f0f0;--ComponentBackground:hsla(0,0%,100%,.8);--ComponentBackgroundSolid:#fff;--ComponentBackground2:hsla(0,0%,90%,.9);--ComponentBackgroundHover:#fff;--Shadow:#b8dfff;--Error:rgba(204,0,0,.8);--Success:rgba(0,168,0,.8);--BackgroundRadient:linear-gradient(75deg,#c3e4ff,#fff,#fff,#c3e4ff,#c6f8ff,#fff,#fff,#fff,#c6f8ff)}[data-theme=dark]{--Text1:#f0f0f0;--Text2:#bfbfbf;--Text3:#fcca40;--TextButtons:#1c1c1c;--ComponentBackground:rgba(28,28,28,.8);--ComponentBackgroundSolid:#1c1c1c;--ComponentBackground2:hsla(0,0%,8%,.9);--ComponentBackgroundHover:#1c1c1c;--Shadow:#a6a08c;--Error:rgba(204,0,0,.8);--Success:rgba(0,168,0,.8);--BackgroundRadient:linear-gradient(75deg,#3d2d00,#000,#000,#3d2d00,#464100,#000,#000,#000,#464100)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Ubuntu}.app{-webkit-animation:bg-animation 200s infinite;animation:bg-animation 200s infinite;background-repeat:no-repeat;background-size:200%;display:flex;height:100vh;justify-content:center;min-height:100vh;overflow:auto;transition:.5s}.dark,.light{background-image:linear-gradient(75deg,#c3e4ff,#fff,#fff,#c3e4ff,#c6f8ff,#fff,#fff,#fff,#c6f8ff);background-image:var(--BackgroundRadient)}.app-container{display:flex;flex-direction:column;gap:max(10vh,25px);padding-inline:25px;width:1800px}@-webkit-keyframes bg-animation{0%{background-position:0}50%{background-position:100%}to{background-position:0}}@keyframes bg-animation{0%{background-position:0}50%{background-position:100%}to{background-position:0}}@media (max-width:1000px){.app-container{gap:25px}}@media (max-width:450px){.app-container{padding-inline:unset;width:100vw}}.logo{align-items:center;display:flex;flex:1 1;flex-direction:row;justify-content:space-between}.logo a{text-decoration:none}.logo button{display:none}.logo span:first-child{color:var(--Text1);font-size:30px}.logo span:nth-child(2){color:var(--Text3);font-size:30px}.logo span:nth-child(3){color:var(--Text2)}.nav-links-container{flex:2 1}.nav-links,.nav-links-container{align-items:center;display:flex;justify-content:space-between}.nav-links{flex-direction:row;height:100%;width:60%}.nav-links a{color:var(--Text2);font-size:18px;text-decoration:none;transition:.2s}.nav-links a:hover{color:var(--Text1);text-shadow:var(--Shadow) 0 0 10px;-webkit-transform:scale(105%);transform:scale(105%)}.nav-links a.active{color:var(--Text3)}.theme-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:120px}.theme-button{background-color:initial;border:none;height:1.6em;width:1.6em}.moon-icon,.sun-icon{color:var(--Text2);cursor:pointer;height:100%;transition:.3s;width:100%}.moon-icon:hover,.sun-icon:hover{color:var(--Text1);-webkit-transform:scale(110%);transform:scale(110%)}.moon-icon.active,.sun-icon.active{color:var(--Text3)}.moon-icon.active:hover,.sun-icon.active:hover{opacity:70%}.switch{border:1px solid var(--Text3);border-radius:34px;display:inline-block;height:20px;position:relative;transition:.3s;width:40px}.switch:hover{-webkit-transform:scale(105%);transform:scale(105%)}.switch input{height:0;opacity:0;width:0}.slider{background-color:var(--ComponentBackground2);bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:var(--Text3);bottom:2px;content:"";height:14px;left:4px;width:14px}input:checked+.slider{background-color:var(--ComponentBackground2)}input:focus+.slider{box-shadow:0 0 1px #fff}input:checked+.slider:before{-webkit-transform:translateX(16px);transform:translateX(16px)}.slider.round{border-radius:34px}.slider.round:hover{opacity:70%}.slider.round:before{border-radius:50%}@media (max-width:1400px){.nav-links a:hover{color:var(--Text2);text-shadow:inherit;-webkit-transform:none;-webkit-transform:initial;transform:none}.nav-links a.active{color:var(--Text3)}.moon-icon:hover,.sun-icon:hover{color:var(--Text2);-webkit-transform:none;-webkit-transform:initial;transform:none}.moon-icon.active,.sun-icon.active{color:var(--Text3)}.moon-icon.active:hover,.sun-icon.active:hover{opacity:1}.switch:hover{-webkit-transform:none;-webkit-transform:initial;transform:none}.slider.round:hover{opacity:1}}@media (max-width:1000px){.logo button{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex;justify-content:center;transition:.5s}.logo button:hover{opacity:60%}.logo button svg{color:var(--Text3);height:30px;width:30px}.nav-links-container{background-color:var(--ComponentBackgroundSolid);border-radius:5px;box-shadow:0 0 25px -5px var(--Shadow);flex-direction:column-reverse;gap:20px;height:350px;padding-block:50px;position:fixed;right:42px;top:140px;transition:.5s;width:200px;z-index:-10}.nav-links{flex-direction:column;justify-content:space-around}.nav-close{right:-200px;visibility:hidden}.nav-close,.nav-open{height:min(50vh,350px);padding-block:min(5vh,50px);top:min(45vh,140px)}.nav-open{display:flex;-webkit-transform:translateX(0);transform:translateX(0);z-index:10}}@media (max-width:450px){.logo a{padding-right:10px}.logo span:first-child,.logo span:nth-child(2){font-size:min(8vw,30px)}.logo span:nth-child(3){font-size:min(8vw,16px)}}header{align-items:center;align-self:center;background-color:var(--ComponentBackground);border-radius:7px;box-shadow:0 0 90px 0 var(--Shadow);display:flex;flex-direction:row;justify-content:space-between;margin:25px;padding:25px;width:100%;z-index:10}main{padding-bottom:50px}@media (max-width:450px){header{padding-inline:min(5vw,25px);width:100vw}}.home-container{align-items:center;display:flex;flex-direction:row;gap:50px;height:600px;justify-content:center}.home-welcome-container{background-color:var(--ComponentBackground);border-radius:10px;box-shadow:0 0 25px -5px var(--Shadow);display:flex;flex-direction:column;height:100%;justify-content:space-around;padding:100px;width:50%}.home-welcome-container h1{color:var(--Text3);font-size:100px}.home-welcome-container h2{color:var(--Text1);font-size:50px}.home-welcome-container h3{color:var(--Text2);font-size:30px}.home-cards-container{display:flex;flex-direction:column;gap:50px;height:100%;width:50%}.projects-card{background-color:var(--ComponentBackground);border-radius:10px;box-shadow:0 0 25px -5px var(--Shadow);height:50%;transition:.3s}.projects-card a{flex-direction:column;height:100%;text-decoration:none}.projects-card a,.projects-card a div{display:flex;justify-content:space-between;width:100%}.projects-card a div{flex-direction:row;gap:10px;padding:20px}.projects-card a div p{color:var(--Text2);font-size:20px}.projects-card a div svg{color:var(--Text2);min-height:30px;min-width:30px}.projects-card a h2{color:var(--Text3);font-size:40px;padding:20px}.projects-card:hover{background-color:var(--Text3);-webkit-transform:scale(1.03);transform:scale(1.03)}.projects-card:hover a div p,.projects-card:hover a div svg,.projects-card:hover a h2{color:var(--TextButtons)}.about-contact-cards{display:flex;flex-direction:row;gap:50px;height:50%}.about-card{background-color:var(--ComponentBackground);border-radius:10px;box-shadow:0 0 25px -5px var(--Shadow);transition:.3s;width:50%}.about-card a{flex-direction:column;height:100%;text-decoration:none}.about-card a,.about-card a div{display:flex;justify-content:space-between;width:100%}.about-card a div{flex-direction:row;gap:10px;padding:20px}.about-card a div p{color:var(--Text2);font-size:20px}.about-card a div svg{color:var(--Text2);min-height:30px;min-width:30px}.about-card a h2{color:var(--Text3);font-size:40px;padding:20px}.about-card:hover{background-color:var(--Text3);-webkit-transform:scale(1.05);transform:scale(1.05)}.about-card:hover a div p,.about-card:hover a div svg,.about-card:hover a h2{color:var(--TextButtons)}.contact-card{background-color:var(--ComponentBackground);border-radius:10px;box-shadow:0 0 25px -5px var(--Shadow);transition:.3s;width:50%}.contact-card a{flex-direction:column;height:100%;text-decoration:none}.contact-card a,.contact-card a div{display:flex;justify-content:space-between;width:100%}.contact-card a div{flex-direction:row;gap:10px;padding:20px}.contact-card a div p{color:var(--Text2);font-size:20px}.contact-card a div svg{color:var(--Text2);min-height:30px;min-width:30px}.contact-card a h2{color:var(--Text3);font-size:40px;padding:20px}.contact-card:hover{background-color:var(--Text3);-webkit-transform:scale(1.05);transform:scale(1.05)}.contact-card:hover a div p,.contact-card:hover a div svg,.contact-card:hover a h2{color:var(--TextButtons)}@media (max-width:1400px){.about-card:hover{background-color:var(--ComponentBackground);-webkit-transform:none;-webkit-transform:initial;transform:none}.about-card:hover a div p,.about-card:hover a div svg{color:var(--Text2)}.about-card:hover a h2{color:var(--Text3)}.contact-card:hover{background-color:var(--ComponentBackground);-webkit-transform:none;-webkit-transform:initial;transform:none}.contact-card:hover a div p,.contact-card:hover a div svg{color:var(--Text2)}.contact-card:hover a h2{color:var(--Text3)}.projects-card:hover{background-color:var(--ComponentBackground);-webkit-transform:none;-webkit-transform:initial;transform:none}.projects-card:hover a div p,.projects-card:hover a div svg{color:var(--Text2)}.projects-card:hover a h2{color:var(--Text3)}}@media (max-width:1000px){.home-container{flex-direction:column;height:auto}.home-welcome-container{gap:20px;padding:min(8vw,100px);width:100%}.home-welcome-container h1{font-size:min(20vw,100px)}.home-welcome-container h2{font-size:min(10vw,50px)}.home-welcome-container h3{font-size:min(8vw,30px)}.home-cards-container{width:100%}}@media (max-width:450px){.home-welcome-container{width:100vw}.home-cards-container{gap:20px;width:100vw}.about-contact-cards{flex-direction:column;gap:20px}.about-card,.contact-card{width:100%}}.about-container{display:flex;flex-direction:column;gap:50px;height:100%;justify-content:center}.avatar-bio-container{display:flex;flex-direction:row;gap:50px;height:450px}.avatar-container{align-items:center;background-color:var(--ComponentBackground);border-radius:10px;box-shadow:0 0 25px -5px var(--Shadow);display:flex;justify-content:center;min-width:450px}.avatar-container img{height:90%;width:90%}.bio-container{align-items:center;background-color:var(--ComponentBackground);border-radius:10px;box-shadow:0 0 25px -5px var(--Shadow);display:flex;justify-content:center;width:100%}.bio-container p{color:var(--Text2);font-size:18px;letter-spacing:1px;line-height:25px;white-space:pre-line;width:90%}.links-skills-container{display:flex;flex-direction:row;gap:50px}.links-container{align-items:center;background-color:var(--ComponentBackground);border-radius:10px;box-shadow:0 0 25px -5px var(--Shadow);display:flex;flex-direction:row;height:100px;justify-content:space-evenly;width:350px}.links-container a svg{color:var(--Text3);height:50px;transition:.3s;width:50px}.links-container a svg:hover{opacity:80%;-webkit-transform:scale(110%);transform:scale(110%)}.skills-container{align-items:center;background-color:var(--ComponentBackground);border-radius:10px;box-shadow:0 0 25px -5px var(--Shadow);display:flex;flex-direction:row;gap:20px;height:100px;padding-inline:50px;width:100%}.skills-wrapper{display:flex;flex:1 1;justify-content:space-evenly}.skills-container h3{color:var(--Text1);letter-spacing:4px}.skill{align-items:center;display:flex;flex-direction:column;gap:10px}.skill p{color:var(--Text2)}.skill img{height:50px;width:50px}@media (max-width:1400px){.links-container a svg:hover{opacity:1;-webkit-transform:none;-webkit-transform:initial;transform:none}}@media (max-width:1000px){.about-container{height:auto}.avatar-bio-container{flex-direction:column;height:auto}.avatar-container{min-width:0;min-width:auto}.bio-container p{font-size:min(5vw,18px);margin:min(5vw,50px)}.avatar-container img{margin:min(3vw,25px);min-width:250px;width:405px}.links-skills-container{flex-direction:column;flex-direction:column-reverse}.links-container{align-self:center;width:min(65vw,350px)}}@media (max-width:700px){.skills-container{flex-direction:column;height:auto;padding-inline:unset;padding:25px}.skills-wrapper{gap:10px;width:100%}.skill{height:100px;justify-content:flex-end}}@media (max-width:450px){.avatar-container img{width:100%}}.project-card{background-color:var(--ComponentBackground);border-radius:10px;box-shadow:0 0 25px -5px var(--Shadow);display:flex;flex-direction:column;position:relative;width:650px}.project-card:hover{background-color:var(--ComponentBackgroundHover)}.project-logo{overflow:hidden;position:relative}.project-logo img{border-radius:10px 10px 0 0;height:500px;transition:.5s;width:650px}.project-logo:hover .project-links{-webkit-transform:translateY(-200px);transform:translateY(-200px);visibility:inherit}.project-logo:hover img{opacity:60%}.project-links{align-items:center;background-color:var(--ComponentBackground2);bottom:-200px;display:flex;flex-direction:row;height:200px;justify-content:space-evenly;position:absolute;transition:.3s ease-out;width:100%}.project-links a:first-child{background-color:initial;color:var(--Text3)}.project-links a:first-child,.project-links a:nth-child(2){border:none;cursor:pointer;font-size:20px;text-decoration:none;transition:.3s}.project-links a:nth-child(2){background-color:var(--Text3);border-radius:5px;color:var(--TextButtons);padding:15px 25px}.project-links a:first-child:hover,.project-links a:nth-child(2):hover{opacity:70%}.project-details{margin:15px}.project-name{color:var(--Text1);margin-block:10px}.project-description{color:var(--Text2);line-height:22px;margin-block:10px}.project-tools-container{display:flex;flex-direction:column;justify-content:space-between;margin-block:5px 10px}.project-tools-container h4{color:var(--Text1);margin-block:5px}.tools-wrapper{flex-wrap:wrap;gap:10px}.tool,.tools-wrapper{display:flex;flex-direction:row}.tool{gap:5px}.tool img{background-color:#fff;height:20px;width:20px}.tool p{color:var(--Text1)}@media (max-width:1400px){.project-logo{display:flex;flex-direction:column}.project-links{background-color:var(--ComponentBackground2);bottom:0;height:80px;position:relative;visibility:visible;visibility:initial;width:100%}.project-logo:hover .project-links{-webkit-transform:none;-webkit-transform:initial;transform:none;visibility:visible;visibility:initial}.project-links a:first-child:hover,.project-links a:nth-child(2):hover,.project-logo:hover img{opacity:1}}@media (max-width:700px){.project-card,.project-logo{width:100%}.project-logo img{height:100%;width:100%}}.projects-container{align-items:center;display:flex;flex-direction:column;gap:30px}.projects-header{background-color:var(--ComponentBackground);border-radius:10px;box-shadow:0 0 25px -5px var(--Shadow);padding:25px;width:100%}.projects-header p{color:var(--Text2);font-size:18px;line-height:25px}.projects-header a{color:var(--Text1);transition:.3s}.projects-header a:hover{color:var(--Text3)}.projects-wrapper{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-evenly;width:100%}@media (max-width:1400px){.projects-header a:hover{color:var(--Text1)}}.form-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.form{background-color:var(--ComponentBackground);border-radius:10px;box-shadow:0 0 25px -5px var(--Shadow);display:flex;flex-direction:column;height:600px;justify-content:flex-start;min-width:500px;padding:35px 35px 0;position:relative}.form h2{color:var(--Text1)}.form h2,.label{margin-block:10px}.label{color:var(--Text2);display:flex;flex-direction:column;font-weight:500;justify-content:flex-start;min-height:85px}.input,.textarea{background-color:initial;border:1px solid var(--Text2);border-radius:5px;color:var(--Text2);margin-block:5px;padding:10px}.email-input-error,.message-input-error,.name-input-error{border:1px solid var(--Error)}.error-message{color:var(--Error)}.message-label{height:180px}.err-msg-char-limit-ctn{display:flex;flex-direction:row;justify-content:space-between;position:relative}.confirmation-message-success{align-items:center;align-self:flex-end;color:var(--Success);display:flex;flex-direction:row;font-weight:500;margin-block:5px;position:relative}.confirmation-message-success svg{font-size:30px}.confirmation-message-failed{align-items:center;align-self:flex-end;color:var(--Error);display:flex;flex-direction:row;font-weight:500;margin-block:5px;position:relative}.confirmation-message-failed svg{font-size:30px}.char-limit{position:absolute;right:0}.links-button-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.links-button-container a svg{color:var(--Text1);height:50px;transition:.3s;width:50px}.links-button-container a svg:hover{opacity:80%;-webkit-transform:scale(110%);transform:scale(110%)}.links-wrapper{display:flex;justify-content:space-between;width:45%}.send-button{align-items:center;background-color:var(--Text3);border:none;border-radius:10px;color:var(--TextButtons);cursor:pointer;display:flex;flex-direction:row;font-size:20px;gap:5px;justify-content:center;padding:15px;transition:.3s;width:150px}.send-button:hover{opacity:70%}.send-button:disabled{background-color:#9e9e9e;color:#e2e2e2;cursor:not-allowed}.send-button:disabled:hover{opacity:1}.loader{-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;border:2px solid;border-color:#fff #fff transparent;border-radius:50%;box-sizing:border-box;display:inline-block;height:20px;width:20px}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (max-width:1400px){.links-button-container a svg:hover{opacity:1;-webkit-transform:none;-webkit-transform:initial;transform:none}.send-button:hover{opacity:1}}@media (max-width:500px){.form,.form-container{width:100%}.form{height:650px;min-width:0;min-width:auto;padding:15px}.input,.label{width:100%}.links-button-container{flex-direction:column-reverse;gap:10px}.links-wrapper{justify-content:space-evenly;width:100%}.button-wrapper,.send-button{width:100%}.confirmation-message-failed,.confirmation-message-success{align-self:center;left:0;top:0}}
/*# sourceMappingURL=main.5685f1e0.css.map*/