@import url(https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.home-container{position:relative;width:100%}.navigation{position:fixed;width:300px;height:100vh;border-right:1px solid rgba(0,0,0,.05);background:var(--second_theme_color);display:flex;justify-content:center;align-items:center;overflow:hidden;transition:all .5s}.navigation ul{position:relative;top:0;left:0;width:100%;padding:20px 40px}.navigation ul li{position:relative;width:100%;list-style:none}.navigation ul li a{position:relative;width:100%;display:block;margin:10px 0;white-space:normal;display:flex;text-transform:uppercase;text-decoration:none;color:var(--first_theme_color);font-weight:500;letter-spacing:2px;opacity:.5}.navigation ul li a:hover{opacity:1}.navigation.active{width:0}.home-main{position:absolute;width:calc(100% - 300px);left:300px;min-height:100vh;background:var(--second_theme_color);transition:width .5s,left .5s}.home-main .home-topbar{position:fixed;top:0;width:calc(100% - 300px);left:300px;background:var(--second_theme_color);border-bottom:1px solid rgba(0,0,0,.05);height:60px;padding:0 40px;display:flex;justify-content:space-between;align-items:center;z-index:50;transition:width .5s,left .5s}.home-main .home-topbar .home-logo{color:var(--first_theme_color);font-weight:700;text-decoration:none;font-size:1.4em;text-transform:uppercase;letter-spacing:1px}.home-main .home-topbar .toggle{position:relative;width:60px;height:60px;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:24px;color:var(--first_theme_color)}.home-main .home-topbar.active{width:100%;left:0}.home-main.active{width:100%;left:0}#home-banner{scroll-margin-top:30px}.home-banner{position:relative;top:60px;min-height:calc(100vh - 60px);display:flex;justify-content:center;align-items:center;padding:60px 20px;margin-bottom:30px}.home-banner .banner-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.home-banner .banner-content .imgBox{position:relative;width:300px;height:300px;overflow:hidden;border-radius:50%;margin-bottom:20px}.home-banner .banner-content .imgBox img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.home-banner .banner-content h3{position:relative;font-size:1.4em;color:var(--first_theme_color);letter-spacing:2px;text-transform:uppercase;margin:20px 0}.home-banner .banner-content p{color:var(--description_text_color);text-align:center;margin:20px 0;width:60%}.home-banner .banner-content .cv-button{position:relative;display:inline-block;padding:10px 30px;background:var(--first_theme_color);color:var(--second_theme_color);font-weight:400;letter-spacing:1px;margin:20px 0;text-decoration:none}.home-banner .banner-content .socialMedia{margin:20px 0;position:relative;display:flex}.home-banner .banner-content .socialMedia li{list-style:none}.home-banner .banner-content .socialMedia a{display:inline-block;width:40px;height:40px;background:rgba(0,0,0,.05);margin:5px;display:flex;justify-content:center;align-items:center;text-decoration:none;color:var(--first_theme_color);font-size:1.2em}.home-banner .banner-content .socialMedia a:hover{background:var(--first_theme_color);color:var(--second_theme_color)}.adjust{position:relative;min-height:100vh;width:100%;padding:40px;color:var(--first_theme_color);background:var(--second_theme_color)}.about-content{display:flex;justify-content:space-between;margin-top:40px}.about-content .about-text-box{width:45%;min-width:45%}.about-content .imgBox{width:45%;min-width:45%;margin-left:40px}.about-content .imgBox img{max-width:100%;object-fit:cover}#about-me{scroll-margin-top:30px}#technologies{scroll-margin-top:30px}.section-title{width:100%;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column}.section-title h2{position:relative;text-transform:uppercase;letter-spacing:2px;font-size:1.2em;margin-bottom:30px}.section-title h2::before{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-10px;width:50px;height:1px;background:var(--first_theme_color)}.tech-content{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;margin:40px 0}.tech-content .techBox{border:1px solid rgba(0,0,0,.09);padding:20px;background-color:var(--second_theme_color);display:grid;justify-content:center;align-items:center;grid-template-rows:50px calc(100% - 50px -40%) 40%}.tech-content .techBox img{max-width:50px;margin:auto}.tech-content .techBox h2{font-size:1.1em;padding-top:20px;padding-bottom:15px;font-weight:600;color:var(--first_theme_color);text-align:center;letter-spacing:2px;text-transform:uppercase}.tech-content .techBox p{text-align:center}.tech-content .techBox p a{text-decoration:none;color:inherit;cursor:pointer;font-weight:800}#projects{scroll-margin-top:140px}.project-container{padding-bottom:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.projects-small-box-container{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;margin:40px 0}.projects-small-box-container .project-box{cursor:pointer;margin:auto;position:relative;width:150px;height:150px;overflow:hidden}.projects-small-box-container .project-box .project-image{position:relative;width:100%;height:100%;transform:translateY(0);transition:.5s ease-in-out}.projects-small-box-container .project-box .project-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.projects-small-box-container .project-box .project-text{position:absolute;top:0;left:0;width:100%;height:100%;transform:translateY(100%);transition:.5s ease-in-out;background-color:var(--second_theme_color);display:flex;justify-content:center;align-items:center;flex-direction:column}.projects-small-box-container .project-box .project-text h3{color:var(--first_theme_color);font-size:1em}.projects-small-box-container .project-box:hover .project-image{transform:translateY(-100%)}.projects-small-box-container .project-box:hover .project-text{transform:translateY(0)}.clicked-project-box{width:833px;height:296px;box-shadow:2px 2px 10px var(--first_theme_color);display:grid;justify-content:center;align-items:center;grid-template-columns:533px 300px;grid-template-rows:100%;overflow:hidden}.clicked-project-box .description-box{width:100%;height:100%}.clicked-project-box .description-box .description-title h2{font-size:1.1em;padding:25px 10px 15px 30px;font-weight:600;color:var(--first_theme_color);text-align:left;letter-spacing:2px;text-transform:uppercase}.clicked-project-box .description-box .description-text p{padding:5px 10px 5px 30px;text-align:left;white-space:pre-line}.clicked-project-box .description-box .description-links{padding:25px 10px 5px 30px;display:flex;flex-direction:column;align-items:left}.clicked-project-box .description-box .description-links .url-row{padding-bottom:10px}.clicked-project-box .description-box .description-links .github-row a{text-decoration:none;color:var(--first_theme_color);cursor:pointer;font-weight:800}.contact{display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.contact .contactForm{position:relative;width:100%;max-width:700px;margin-top:20px}.contact .contactForm .contact-first-row{width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;margin-top:20px}.contact .contactForm .contact-first-row input{width:100%;padding:10px;border:none;outline:0;color:var(--first_theme_color);background:var(--second_theme_color);font-size:16px;border-bottom:1px solid rgba(0,0,0,.1)}.contact .contactForm .contact-second-row{width:100%;display:flex;justify-content:center;align-items:center;margin-top:20px}.contact .contactForm .contact-second-row textarea{width:100%;padding:10px;border:none;outline:0;color:var(--first_theme_color);background:var(--second_theme_color);font-size:16px;border:1px solid rgba(0,0,0,.1);resize:none;height:200px}.contact .contactForm .contact-second-row input[type=submit]{background:var(--first_theme_color);color:var(--second_theme_color);padding:10px 30px;display:inline-block;font-weight:500;letter-spacing:2px;cursor:pointer;font-size:16px;text-transform:uppercase;max-width:150px;border:none}@media (max-width:992px){.navigation{left:-100%}.navigation li{padding:10px}.navigation.active{left:0;width:100%}.navigation.active li{padding:10px}.home-main{width:100%;left:0}.home-main .home-topbar{left:0;width:100%;padding:0 20px}.home-main.active{left:100%}.home-banner .banner-content .imgBox{width:250px;height:250px}.adjust{padding:40px 20px 0 20px}.about-content{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.about-content .about-text-box{width:80%;min-width:250px}.about-content .imgBox{margin:40px 0 40px 0;width:80%;min-width:250px}.tech-content{grid-template-columns:repeat(2,1fr)}}@media (max-width:1040px){.clicked-project-box{width:533px;height:530px;grid-template-columns:100%;grid-template-rows:300px calc(100% - 300px)}.projects-small-box-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:1150px){.home-main.active .clicked-project-box{width:833px;height:296px;box-shadow:2px 2px 10px var(--first_theme_color);display:grid;justify-content:center;align-items:center;grid-template-columns:533px 300px;grid-template-rows:100%}.home-main .clicked-project-box{width:533px;height:530px;grid-template-columns:100%;grid-template-rows:300px calc(100% - 300px)}}@media (max-width:770px){.tech-content{grid-template-columns:repeat(1,1fr)}.contact .contactForm .contact-first-row{grid-template-columns:repeat(1,1fr)}}@media (max-width:560px){.clicked-project-box{width:100%;height:100%;grid-template-columns:100%;grid-template-rows:calc(100% - 335px) 335px}.video-box{position:relative;padding-bottom:56.25%;height:0}.video-box iframe{position:absolute;top:0;left:0;width:100%;height:100%}}*{font-family:Raleway,sans-serif;margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}:root{--first_theme_color:#333;--second_theme_color:#fff;--description_text_color:#777}body{overflow-x:hidden}