@import url(https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@1,400;1,500;1,700&display=swap);*{margin:0;padding:0}:root{--light:#f9f6ee;--dark:#1b1212;--white:#f9f6ee}html{scroll-behavior:smooth}.light-mode{--bg-color:var(--light);--text-color:var(--dark);--link-color:var(--dark);transition:2s}.dark-mode{--bg-color:var(--dark);--text-color:var(--light);--link-color:var(--white);transition:2s}a{color:var(--link-color);text-decoration:none}body{background:var(--bg-color);display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0 auto;max-width:1200px}body.light-mode{background:#f9f6ee;background:var(--light)}body.dark-mode{background:#1b1212;background:var(--dark)}.navbar{display:flex;justify-content:space-between;padding:5px 20px}.logo{font-size:40px;font-weight:800}.logo,.theme{color:var(--text-color)}.theme{background-color:var(--bg-color);border:2px solid var(--link-color);border-radius:5px;cursor:pointer;height:40px;transition:1s;width:40px}.theme:hover{background:var(--text-color);color:var(--bg-color)}.menu>li,.wide-menu>li{border:2px solid transparent;border-width:3px 1.5px 0;cursor:pointer;font-size:1.438rem;list-style:none;padding:3px}.menu>li:hover,.wide-menu>li:hover{border-width:2px;border-bottom:0 solid var(--text-color);border-left:1.5px solid var(--text-color);border-right:1.5px solid var(--text-color);border-top:3px solid var(--text-color);padding:3px}.contacts{background-color:var(--link-color);border:1px solid var(--link-color);padding:3px 8px}.menu-btn{background-color:var(--bg-color);border:2px solid var(--link-color);border-radius:5px;color:var(--text-color);cursor:pointer;height:40px;opacity:1;transition:3s;visibility:visible;width:40px}.menu-btn:hover{background:var(--text-color);color:var(--bg-color)}.navbar>button{border:none}nav{align-items:center;background-color:var(--bg-color);border:0;border-radius:0 30px 30px 0;border-right:5px double var(--link-color);display:flex;flex-direction:column;gap:3.5rem;height:100%;justify-content:center;left:0;position:fixed;top:0;-webkit-transform:translateY(-100vh);transform:translateY(-100vh);transition:1s;width:50%;z-index:1}nav>ul{line-height:3rem}.responsive_nav{-webkit-transform:none;transform:none}.menu_close{position:absolute;right:2rem;top:2rem}.wide-menu{display:none}.hero{display:flex;flex-direction:column;padding:10px;text-align:center;transition:3s}.name{color:var(--text-color);font-size:2.188rem;font-weight:800;margin-bottom:.313rem;margin-top:.938rem;position:relative}.name:after{-webkit-animation:showRight 5s ease forwards;animation:showRight 5s ease forwards;-webkit-animation-delay:1s;animation-delay:1s;background:var(--bg-color);content:"";height:100%;position:absolute;right:0;top:0;width:100%}.name2{display:none}.profession{color:var(--text-color);font-size:1.25rem;margin-bottom:.625rem;position:relative}.profession:before{-webkit-animation:showRight 3s ease forwards;animation:showRight 3s ease forwards;-webkit-animation-delay:3s;animation-delay:3s;background:var(--bg-color);content:"";height:100%;position:absolute;right:0;top:0;width:100%}.cv-section{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:.625rem}.cv-btn{background-color:var(--link-color);border:2px solid var(--link-color);border-radius:5px;color:var(--bg-color);cursor:pointer;padding:6px 8px;position:relative;transition:2s}.cv-btn:hover{background-color:var(--bg-color);color:var(--link-color)}.cv-btn:before{-webkit-animation:showRight 2s ease-in forwards;animation:showRight 2s ease-in forwards;-webkit-animation-delay:1s;animation-delay:1s;background:var(--bg-color);content:"";height:100%;left:0;position:absolute;top:0;width:100%}@-webkit-keyframes showRight{to{width:0}}@keyframes showRight{to{width:0}}.hero-img{-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:hero-img;animation-name:hero-img;border:3px solid transparent;border-radius:30px;height:400px;margin:0 auto;padding:20px 0;position:relative;transition:1s;width:300px}.hero-img:hover{height:410px;width:310px}@-webkit-keyframes hero-img{0%{left:0;top:0}25%{left:200px;top:0}50%{left:0;top:0}75%{left:-200px;top:0}to{left:0;top:0}}@keyframes hero-img{0%{left:0;top:0}25%{left:200px;top:0}50%{left:0;top:0}75%{left:-200px;top:0}to{left:0;top:0}}.sub-topic{color:var(--text-color);font-size:2.563rem;margin:5px 0 5px 20px;position:relative}.sub-topic:before{-webkit-animation:showRight 3s ease 1s forwards;animation:showRight 3s ease 1s forwards;background:var(--bg-color);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.content{color:var(--text-color);font-size:28px;margin:0 12px 20px;max-width:750px;position:relative;text-indent:2em;word-break:keep-all}.content:before,.services:before{-webkit-animation:showRight 3s ease-in-out 1.5s forwards;animation:showRight 3s ease-in-out 1.5s forwards;background:var(--bg-color);content:"";height:100%;position:absolute;right:0;top:0;width:100%}.services{flex-direction:column;padding:30px;position:relative}.services,.services-items{align-items:center;display:flex;justify-content:center}.services-items{background-color:var(--link-color);border:0 solid transparent;border-radius:50%;color:var(--bg-color);cursor:pointer;height:200px;margin:0 2px 20px 12px;transition:2s;width:200px}.services-items:hover{background-color:var(--bg-color);border:2px solid var(--link-color);color:var(--link-color);height:210px;width:210px}.tech-skills{color:var(--text-color);display:flex;flex-direction:column;padding:30px 0}.technologies{font-size:28px;list-style-position:inside;list-style-type:none;padding:10px 30px}.tech-skill{align-items:center;border:none;box-shadow:2px 3px 2px var(--text-color);display:flex;height:70px;justify-content:left;margin-bottom:8px;padding:5px 13px;text-align:center;transition:.5s ease-in;width:180px}.tech-skill:hover{box-shadow:4px 6px 4px var(--text-color)}.read-more{background-color:var(--link-color);border:1px solid var(--link-color);border-radius:5px;color:var(--bg-color);font-size:20px;margin:0 12px;padding:3px 15px}.about,.about-me{margin-bottom:30px}.grid-container{grid-gap:10px 50px;display:grid;gap:10px 50px;grid-template-columns:auto auto;margin:10px 30px 30px}.project{background-color:var(--link-color);border:2px solid var(--link-color);border-radius:5px;justify-content:center;padding:20px;transition:2s}.project,.project>.project-sub1{align-items:center;position:relative}.project>.project-sub1{display:flex;flex-direction:column;height:100%;overflow:hidden;transition:-webkit-transform 1.3s ease-in-out;transition:transform 1.3s ease-in-out;transition:transform 1.3s ease-in-out,-webkit-transform 1.3s ease-in-out;width:100%}.project>.project-sub1:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.project-img{-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:project-img;animation-name:project-img;border-radius:5px;height:100px;object-fit:cover;position:relative;transition:-webkit-transform 1.3s ease-in-out;transition:transform 1.3s ease-in-out;transition:transform 1.3s ease-in-out,-webkit-transform 1.3s ease-in-out;width:100px}.project>.project-img{-webkit-transform:scale(1.2);transform:scale(1.2)}.project-sub2{align-items:center;display:flex;justify-content:space-between;padding-top:20px}.project-github{background:transparent;color:var(--bg-color);height:2.125rem;width:2.125rem}.project-github:hover{background:var(--bg-color);border-radius:50%;color:var(--text-color);height:2rem;transition:1s;width:2rem}@-webkit-keyframes project-img{0%{left:0;top:0}25%{left:100px;top:0}50%{left:0;top:0}75%{left:-100px;top:0}to{left:0;top:0}}@keyframes project-img{0%{left:0;top:0}25%{left:100px;top:0}50%{left:0;top:0}75%{left:-100px;top:0}to{left:0;top:0}}.project-img:before,.project:before{-webkit-animation:showRight 3s ease-in 1s forwards;animation:showRight 3s ease-in 1s forwards;background:var(--bg-color);content:"";height:100%;position:absolute;right:0;top:0;width:100%}.project-name{color:var(--bg-color);text-align:center}.footer{background-color:var(--link-color)}.contacts{background:var(--text-color);border-radius:5px;color:var(--bg-color);cursor:pointer;font-size:20px;padding:10px 15px;transition:1s}.contacts:hover{background:var(--bg-color);color:var(--text-color)}.contact_me{color:var(--bg-color);display:flex;justify-content:center;margin-top:8px}.bottom-contact{align-items:center;background:var(--bg-color);display:flex;justify-content:space-around;padding:20px}.bottom-contact-text{color:var(--text-color);position:relative}.footer_icons{display:flex;justify-content:space-around;margin:2px 0 0;padding:1.25rem;position:relative}.bottom-contact-text:before,.footer_icons:before{-webkit-animation:showRight 3s ease 1s forwards;animation:showRight 3s ease 1s forwards;background:var(--bg-color);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.social-icon{background:transparent;color:var(--bg-color);height:3.125rem;width:3.125rem}.social-icon:hover{background:var(--bg-color);color:var(--text-color);height:3rem;transition:1s;width:3rem}.contact-me{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0 12px;width:auto}.contact-page-header{padding-top:20px;text-align:center}.contact-me>form{display:flex;flex-direction:column;gap:15px;height:400px;padding-top:20px;width:300px}.contact-me>form>input{height:50px}.contact-me>form>input,.contact-me>form>textarea{border:none;box-shadow:1px 2px 4px var(--link-color);text-indent:13px;width:100%}.contact-me>form>textarea{height:100px}.contact-me>form>button{background-color:var(--link-color);border:none;box-shadow:1px 2px 4px var(--link-color);color:var(--bg-color);cursor:pointer;font-size:larger;height:50px;width:100%}@media screen and (min-width:480px){.name{font-size:3.188rem;margin-bottom:.5rem;margin-top:.5rem}.profession{font-size:2.25rem;margin-bottom:1rem}.tech-skills{margin-left:30px}.grid-container{gap:10px 40px;grid-template-columns:auto auto auto;margin:10px 20px 20px}}@media screen and (min-width:659px){.name2{display:inline-block;margin-top:1.25rem}.menu{font-size:1.3rem}.sub-topic{font-size:1.89rem;margin:5px 0 5px 50px}.content{font-size:1.563rem;margin:0 20px 20px;text-indent:4em}.services-items{height:300px;width:300px}.services-items:hover{height:310px;width:310px}.tech-skills{display:flex;font-size:1.563rem;margin-left:50px}.grid-container{grid-template-columns:auto auto auto auto}.contact-me>form{gap:25px;height:500px;padding-top:50px;width:500px}.contact-me>form>input{font-size:large;height:70px}.contact-me>form>textarea{font-size:1.3rem;height:150px}}@media screen and (min-width:1005px){.navbar{padding:15px 40px}.logo{color:var(--text-color);font-size:60px;font-weight:800}.wide-menu{align-items:center;display:flex;font-size:30px;gap:70px;list-style:none}.menu-btn{display:none}.hero{display:flex}.sub-topic{font-size:3.563rem;margin:5px 0 15px 20px;text-align:center}.content{margin:0 auto}.services{flex-direction:row;justify-content:space-around}.services-items{height:350px;width:350px}.tech-skills{flex-direction:row;justify-content:space-around}.grid-container{grid-template-columns:auto auto auto auto auto}}
/*# sourceMappingURL=main.abbba15d.css.map*/