:root{--primary:#211337;--secondary:#ffd698;--accent:#44cead;--white:#fff;--gray:#dadada;--black:#000;--error:#f1316e;--accent-transparent:#44ceae9f;--primary-transparent:rgba(34,20,57,.849);font-size:18px}body{font-family:Montserrat,sans-serif}h1,h2,h3,h4,h5,p,span{color:var(--white);position:relative;z-index:2}h1{font-size:4.5rem}h1,h2{font-family:Righteous,serif;font-weight:900}h2{font-size:3rem;opacity:0;transition-duration:2s;transition-property:opacity transform;transition-timing-function:ease-in}h3{font-size:1.8rem;font-weight:300}h4{font-size:1.4rem}h4,h5{font-weight:600}h5{color:var(--accent);font-size:1.1rem}p{color:var(--gray);line-height:1.8rem}a{color:var(--white);font-weight:500;text-decoration:none}.text-1{font-size:2.2rem;line-height:3rem}.error{color:var(--error)}@media (width<=1024px){h1{font-size:3.8rem}}@media (width<=720px){h1{font-size:3.5rem}p{line-height:1.6}.text-1{font-size:2rem;line-height:1.4;margin-bottom:1rem;margin-top:1rem}}button{border:none;font-family:inherit;font-size:18px;outline:none}.btn,button{background-color:#0000;border-radius:30px;box-shadow:inset 0 0 0 2px var(--accent);color:var(--white);cursor:pointer;display:inline-block;font-weight:700;padding:1rem 2rem;text-align:center;text-decoration:none}.btn:hover{background-color:var(--accent);box-shadow:0 0 5px var(--accent-transparent),0 0 30px var(--accent-transparent),0 0 70px var(--accent-transparent),0 0 150px var(--accent-transparent);color:var(--primary);transition:.3s ease-in-out}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--primary);overflow-x:hidden;position:relative;z-index:-3}body::-webkit-scrollbar{width:.7rem}body::-webkit-scrollbar-track{background:var(--primary)}body::-webkit-scrollbar-thumb{background:var(--gray)}.container{background-color:var(--primary);margin:0 auto;max-width:1200px;width:80%}ul{list-style:none}section{padding-top:6rem;width:100%}.section-title-show{opacity:1}.hide{display:none}@media (width<=1024px){:root{font-size:16px}}@media (width<=720px){:root{font-size:14px}.container{width:90%}}.main-nav{align-items:center;background-color:var(--primary-transparent);display:flex;height:10vh;justify-content:center;padding:1rem 0;position:sticky;top:0;width:100vw;z-index:4}.main-nav .main-nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;position:relative;width:80%}@media (width<=720px){.main-nav .main-nav-container{gap:.75rem;width:90%}}.logo-and-mode{align-items:center;display:flex;justify-content:space-between}.logo-and-mode .logo-img{background-image:url(assets/logo_white.png);background-position:50%;background-size:cover;height:80px;width:80px}.logo-and-mode .logo-img-light{background-image:url(assets/logo_black.png)}.logo-and-mode .color-mode{display:flex;flex:1;margin-left:2rem}.logo-and-mode .color-mode li{border-radius:50%;color:var(--white);cursor:pointer;display:flex;margin:0 .5rem;padding:.5rem;transition:.3s ease-in-out}.logo-and-mode .color-mode li.active{box-shadow:inset 0 0 0 2px var(--accent)}.logo-and-mode .color-mode-ul{margin-top:.5rem}@media (width<=1024px){.logo-img,.logo-img-light{transform:scale(.7)}.logo-and-mode{align-items:center;flex:1;justify-content:space-between}.color-mode{margin-left:auto;margin-right:auto}}.nav-links{display:flex}.nav-links li{align-items:center;display:flex;justify-content:center}.nav-links li,.nav-links li a{transition:.3s ease-in-out}.nav-links li a{padding:0 2rem}.nav-links li a:hover{color:var(--accent)}.nav-links li:hover{transform:scale(1.1)}@media (width<=1440px){.nav-links li a{padding:0 1rem}}@media (width<=1024px){.nav-links{display:none}}.burger-menu{align-items:center;background-color:var(--primary-transparent);border:2px solid var(--accent);border-radius:20px;color:var(--white);display:none;flex-direction:column;justify-content:center;padding:.5rem 1.5rem;position:absolute;right:.5rem;top:2.5vh}.burger-btn{align-self:end}.nav-links-burger{align-items:center;flex-direction:column}.nav-links-burger li{padding:1rem 0}@media (width<=1024px){.burger-menu{display:flex;margin-left:auto;position:static;right:auto;top:auto}.burger-btn{display:block}}@media (width<=720px){.burger-menu{top:2.9vh}}#hero-section{align-items:center;display:flex;flex-direction:column;height:90vh;justify-content:center}.main{display:grid;grid-template-columns:60%40%;width:100%}.main .main-left{display:flex;flex-direction:column;font-weight:300;justify-content:space-evenly}.main .main-left .text-1{color:var(--white);font-size:2.3rem;margin-bottom:2rem;margin-top:3rem}.main .main-left .secondary{color:var(--gray);font-size:1.8rem;margin-bottom:0;margin-top:1rem}.contact-btn{margin-bottom:1rem;margin-top:3rem;width:fit-content}.main-right{justify-content:space-between}.main-right,.main-right .lighthouse-container{align-items:center;display:flex;flex-direction:column}.main-right .lighthouse-container{justify-content:center}.main-right .lighthouse-img{border-radius:1rem;height:auto;width:80%}@media (width<=1024px){.main{grid-template-columns:50%50%}.main .main-left .secondary{font-size:1.7rem}}@media (width<=720px){.main{grid-template-columns:1fr;text-align:center}.main .main-left{display:flex;flex-direction:column;justify-content:space-evenly}.main .main-left .secondary{font-size:1.5rem;margin:0}.projects-preview{margin-top:5rem}.contact-btn{margin:1.5rem auto}}.projects-preview{margin-top:2rem;text-align:center}.preview{align-items:center;display:flex;flex-direction:column}.arrows{transition:1.2s ease-in-out;width:320px}.arrow,.arrow2{position:relative}.arrow2{margin-top:1rem}.left{left:4%;transform:rotate(10deg)}.left,.right{background-color:var(--secondary);height:2px;position:absolute;top:30px;width:150px}.right{right:3%;transform:rotate(-10deg)}.arrow-move{transform:translateY(8px)}@media (width<=1440px){.lighthouse-container{display:none}}@media (width<=720px){.arrows{transform:scale(.8)}.arrow-move{transform:scale(.8)translateY(8px)}}.stars{width:100vw}.star{border:2px solid var(--white);border-radius:50%;box-shadow:none;opacity:.15;position:absolute;transition-duration:2s;transition-property:opacity,box-shadow,top,transform;transition-timing-function:ease-in-out}.star1{left:10vw;top:40vh}.star2{left:8vw;top:15vh}.star3{left:25vw;top:10vh}.star4{left:22vw;top:28vh}.star5{left:40vw;top:6vh}.star6{left:47vw;top:27vh}.star7{left:60vw;top:12vh}.star8{left:67vw;top:30vh}.star9{left:85vw;top:10vh}.star10{left:5vw;top:60vh}.star11{left:18vw;top:70vh}.star12{left:48vw;top:51vh}.star13{left:40vw;top:76vh}.star14{left:90vw;top:37vh}.star15{left:84vw;top:65vh}.star16{left:7vw;top:86vh}.star17{left:27vw;top:94vh}.star18{left:90vw;top:89vh}.star19{left:57vw;top:86vh}.star20{left:73vw;top:82vh}.l{height:25px;width:25px}.m{height:15px;width:15px}.s{height:8px;width:8px}.spark{box-shadow:0 0 50px 15px var(--accent);opacity:.4;transition-duration:2s;transition-property:opacity,box-shadow,transform,top;transition-timing-function:ease-in-out}.rain{animation:toRain 7s ease-in forwards;background:linear-gradient(45deg,var(--secondary),#4a8db4);border:none;opacity:1}@keyframes toRain{30%{transform:scaleX(.3)scaleY(1.2)}70%{top:99vh;transform:translateY(-100%)scaleX(.3)scaleY(1.2)}75%{transform:translateY(-100%)scaleX(2)scaleY(.8)}to{top:99vh;transform:translateY(-100%)scaleX(1.4)scaleY(.3)}}@media (width<=1440px){.star{transform:scale(.7)}}.moon{background-color:#b1b1b1;border-radius:50%;border-right:55px solid gray;height:250px;opacity:.7;position:relative;transform:rotate(30deg);width:250px}.moon,.spark-moon{transition-duration:3.5s;transition-property:opacity,box-shadow;transition-timing-function:ease-in-out}.spark-moon{box-shadow:-5px -3px 50px 1px var(--accent);opacity:1}.moon-hole-1{background-color:#707070;border-right:7px solid#555;height:40px;left:70px;top:40px;width:40px}.moon-hole-1,.moon-hole-2{border-radius:50%;position:absolute;transform:rotate(190deg)}.moon-hole-2{background-color:#7e7e7e;border-right:6px solid#525252;height:50px;left:90px;top:180px;width:50px}.moon-hole-3{background-color:gray;border-radius:50%;border-right:5px solid#5e5e5e;height:30px;left:20px;position:absolute;top:120px;transform:rotate(190deg);width:30px}.moon-hole-4{border-right:3px solid#3a3a3a;height:20px;left:200px;top:50px;width:20px}.moon-hole-4,.moon-hole-5{background-color:#4e4e4e;border-radius:50%;position:absolute;transform:rotate(190deg)}.moon-hole-5{border-right:2px solid#424242;height:15px;left:210px;top:150px;width:15px}.moon-hole-6{background-color:#888;border-radius:50%;border-right:3px solid#585858;height:18px;left:160px;position:absolute;top:110px;transform:rotate(190deg);width:18px}.sun{background:linear-gradient(45deg,#f1de73,#e68b42);border-right:0}@media (width<=1024px){.moon{transform:scale(.7)rotate(30deg)}}@media (width<=720px){.moon{display:none}}#projects h3{text-align:center}#projects .commercial{padding-top:2rem}#projects .commercial,#projects .personal{border-bottom:1px solid var(--white);margin-bottom:-1rem}#projects .personal{padding-top:4rem}#experience{display:flex;flex-direction:column;gap:1.2rem}#experience h2,#experience h3{margin-bottom:.5rem}#experience h3{color:var(--white);font-family:Righteous,serif;font-weight:700;margin-top:1rem}#experience h4{color:var(--white);margin-bottom:.8rem;margin-top:2rem}#experience .tech-experience{color:var(--accent);font-family:Righteous,serif;font-size:1.8rem;letter-spacing:.04em;margin-bottom:1rem;margin-top:2.8rem}#experience li,#experience p{color:var(--gray);line-height:1.8}#experience strong{color:var(--secondary);font-weight:700}#experience .project-info{margin-top:.5rem;padding-bottom:.5rem}#experience .project-text{color:var(--gray);margin-bottom:.8rem}#experience ul.project-text{list-style:disc;margin:.4rem 0 1rem;padding-left:1.4rem}#experience ul.project-text li{margin-bottom:.6rem}.project{display:grid;grid-template-columns:35%65%;padding-top:4rem}.project .project-info{display:flex;flex-direction:column;height:90%;justify-content:flex-start}.project .project-info h4{color:var(--white);cursor:pointer}.project .project-info h4:hover{color:var(--accent)}.project .project-info-upper-section{align-items:center;display:flex;justify-content:left;margin-bottom:2rem}.project .fullstack-git-links{display:flex;margin-left:1rem}.project .projects-git-link{color:var(--white);display:flex;flex-direction:column;margin-left:2rem;text-align:center;transform:scale(.8)}.project .projects-git-link:hover{color:var(--accent)}.project .project-text{color:var(--gray);margin-bottom:2rem}.project .programs{color:var(--secondary);font-size:.9rem;line-height:1.2;margin-top:auto}@media (width<=1440px){.project{grid-template-columns:1fr}.project .project-info{height:100%}}@media (width<=720px){#projects{padding-top:6rem;width:100%}.project{padding-top:4rem}}.commercial-project-views{display:grid;gap:3%;grid-template-columns:31%31%31%;margin-top:2rem}.commercial-project-views .commercial-project-view{display:flex;flex-direction:column;justify-content:flex-start}.commercial-project-views .h5{padding-bottom:.5rem}.commercial-project-views .commercial-project-view-text{padding-top:.5rem}.commercial-project-views .commercial-project-view-img{height:auto;margin-top:auto;padding-top:1rem;width:100%}@media (width<=1024px){.commercial-project-views{gap:3rem;grid-template-columns:100%}}.monitor{align-items:center;display:flex;flex-direction:column;height:25rem;margin-left:5rem;width:calc(100% - 5rem)}.monitor-frame{border:2px solid var(--gray);height:90%;padding:.5rem;width:100%}.monitor-screen{border:1px solid var(--white);box-shadow:0 0 1px var(--white),0 0 2px var(--white),0 0 5px var(--white),0 0 10px var(--white);height:100%;width:100%}.project-video-link{align-items:center;background-color:#000;cursor:pointer;display:flex;height:100%;justify-content:center;opacity:0;position:relative;transition:1s ease-in-out;transition-property:opacity;width:100%;z-index:2}.project-link-video-show{opacity:1}.project-video,.video-hover{height:100%;width:100%}.video-hover{align-items:center;background-color:var(--primary-transparent);display:flex;justify-content:center;opacity:0;position:absolute;z-index:3}.video-hover p{color:var(--white);text-align:center}.video-hover:hover{opacity:1}.monitor-stand{align-items:center;display:flex;flex-direction:column;height:10%;width:60%}.monitor-stand-vertical{border-left:2px solid var(--gray);border-right:2px solid var(--gray);height:80%;width:15%}.monitor-stand-horizontal{border:2px solid var(--gray);height:20%;width:100%}@media (width<=1440px){.monitor{margin:1.5rem auto 0;width:75%}}@media (width<=1024px){.monitor{width:85%}}@media (width<=720px){.monitor{height:20rem;max-width:500px;width:100%}}.statement-container{color:var(--white);display:flex;font-weight:500}.statement-container .then{margin-left:1rem}.statement-container .then h2{margin-top:2rem}.statement-container .then .parentheses{color:var(--secondary)}.statement-container .then .curly{color:var(--accent)}@media (width<=720px){.statement-container .then h2{font-size:2.8rem}}.arch-images-container{height:300px;margin-top:4rem}.arch-images-container .arch-images{display:flex;filter:grayscale();left:0;overflow:hidden;position:absolute;transition:filter.5s ease-in-out}.arch-images-container .arch-images:hover{filter:grayscale(0)}.arch-images-container .arch-img{background-position:50%;background-repeat:no-repeat;background-size:cover;height:300px;margin:0 .3rem;width:500px}.arch-images-container .arch-images-btn{background-color:var(--primary-transparent);left:50%;pointer-events:none;position:relative;top:38%;transform:translate(-50%,-50%);transition:.3s ease-in-out}.arch-images-container .arch-img1{background-image:url(assets/1.webp)}.arch-images-container .arch-img2{background-image:url(assets/2.webp)}.arch-images-container .arch-img3{background-image:url(assets/3.webp)}.arch-images-container .arch-img4{background-image:url(assets/4.webp)}.arch-images-container .arch-img5{background-image:url(assets/5.webp)}.arch-images-container .arch-img6{background-image:url(assets/6.webp)}.arch-images-container .arch-img7{background-image:url(assets/7.webp)}.arch-images-container .arch-img8{background-image:url(assets/8.webp)}#cv .cv-btn-1{margin-right:2rem;margin-top:3rem}@media (width<=720px){.cv-btn-2{margin-top:2rem}}.about-me-container{display:grid;grid-template-columns:60%40%}.about-me-container .left-col{padding-right:5rem}.about-me-container .left-col .about-me-text{margin:2rem 0}.about-me-container .my-picture{background-image:url(assets/my-image.png);background-position:50%;background-repeat:no-repeat;background-size:contain;border-bottom:1px solid var(--secondary)}@media (width<=1024px){.about-me-container{grid-template-columns:1fr}.about-me-container .left-col{padding-right:0}.about-me-container .my-picture{background-position:100%;height:250px}}@media (width<=720px){.about-me-container .my-picture{height:180px}}#more-about-me{align-items:center;display:flex;flex-direction:column;margin-bottom:5rem;max-width:420px;padding-top:0;z-index:5}#more-about-me .section-title{padding-bottom:2rem;padding-top:2rem}.monologue{color:var(--white);padding-bottom:1.5rem}.vertical-pictures-container{display:flex;gap:1rem;justify-content:space-between;padding-bottom:1.5rem;width:100%}.pic-vertical{height:400px}.pic-horizontal,.pic-vertical{background-color:var(--primary);width:100%}.pic-horizontal{height:220px;margin-bottom:1.5rem}.bg{background-position:50%;background-repeat:no-repeat;background-size:contain}.kot{background-image:url(assets/kot.jpg)}.hala{background-image:url(assets/hala.jpeg)}.dyplom{background-image:url(assets/dyplom.jpg)}.magistera{background-image:url(assets/magistera.jpg)}.kot2{background-image:url(assets/kot2.jpg)}.plaza{background-image:url(assets/plaza.jpg)}.btn{margin-top:2rem}@media (width<=720px){#more-about-me{margin-bottom:3rem}.pic-vertical{height:300px}.pic-horizontal,.pic-vertical{background-color:var(--primary);width:100%}.pic-horizontal{height:150px;margin-bottom:1.5rem}}.form{margin-top:4rem;max-width:600px;width:100%}.inputs{color:var(--white);display:flex;flex-direction:column;margin-bottom:1.5rem;position:relative}.inputs label{margin-bottom:.7rem}.inputs input,textarea{background-color:var(--primary);border:1px solid var(--secondary);border-radius:10px;color:var(--white);font-weight:18px;outline:none;transition:.3s ease-in-out}input,select,textarea{font-family:Montserrat,sans-serif;font-size:18px;padding:1rem 1.5rem}.form-btn{margin-top:1rem}.write-directly{margin-top:2rem}.write-directly a{color:var(--white)}#footer{justify-content:center;padding-bottom:2rem}#footer,.footer-items{align-items:center;display:flex}.footer-items{justify-content:space-between}.footer-items a{color:var(--white);padding-right:1.5rem;transition:.3s ease-in-out}.footer-items a:hover{color:var(--accent)}.copyright{margin-left:3rem}.copyright,.name{color:var(--white)}.name{margin-left:1rem}@media (width<=1024px){.copyright{margin-left:0}.name{margin-left:1rem}}.thankyou-container{align-items:center;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.thankyou-container .h4{color:var(--accent)}.spacer{aspect-ratio:960/100;background-position:50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;width:100vw;z-index:-1}.wave1{background-image:url(assets/wave3.svg)}