body{min-height:100vh;min-width:100vh;display:flex;flex-direction:column;background-color:#141212;color:#fff;font-family:Roboto Mono,monospace}.header{width:100%;height:50px;background-color:#141212;display:flex;justify-content:space-between;align-items:center}.header .navLinks{flex:1;display:flex;align-items:center;justify-content:flex-end;min-height:100%;transition:1s;border-radius:5px}#logo{display:flex;gap:10px;padding-left:30px;padding-top:30px}#symbol{color:#00f}.header .navLinks:hover{background-color:gray}.nav{display:flex;flex-direction:flex-end;justify-content:space-around;border:1px solid rgb(20,18,18);height:100%;gap:20px;padding-right:30px;padding-top:30px}#link{color:#fff;text-decoration:none}#menuButton{margin-top:30px;padding:0;border-width:1000;background-color:#141212}.line1,.line2,.line3{width:35px;height:5px;background-color:#e7dbdb;margin:6px;transition:.4s}.change .line1{transform:translateY(11px) rotate(-45deg)}.change .line2{opacity:0}.change .line3{transform:translateY(-11px) rotate(45deg)}.change .header .nav{display:flex;flex-direction:column;margin-top:10px;margin-left:50%}.change .navLinks{margin-top:10px;margin-left:50%}.change .home,.change .footer,.change #logo,.change .about,.change .contactPage,.change .portfolio,.change .education,.change .skillPage,.change .experience,.change .cv,.change .demos{display:none}.main{padding-top:50px;min-width:100%;min-height:100%}#intro{margin-left:1%;padding-top:200px}.home{display:flex;justify-content:space-around}.home p{text-align:start}.home img{border-radius:30px}.homeText{padding-top:80px;margin-right:1%;display:flex;flex-direction:column;gap:50px}.divider{margin-bottom:10px;width:100%;height:3px;background-color:#2a2525}.about{display:flex}.aboutme{margin-left:30px;margin-top:200px}.aboutme h2,.aboutme p{text-align:start}.about img{border-radius:100px}#portfolioTitle{display:flex;flex-direction:column;width:auto;text-align:center}#portfolioTitle .divider{width:25%;margin:auto}.projects{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:620px 620px;grid-column-gap:50px;grid-row-gap:20px;padding:10px}.projects #item1,#item2,#item3,#item4{border-radius:20px;padding:5px;background-color:#2e2e30ad;display:flex;flex-direction:column;justify-content:space-between}.techs{margin-top:10px;display:flex;flex-direction:row;justify-content:flex-end;gap:5px;padding-right:10px}.techs p{background-color:gray;border-radius:5px;padding:10px}.projects a{display:flex;flex-direction:row;justify-content:end;padding-right:10px}.projectText{text-align:center}#project1{padding-left:5%;display:flex;align-items:center;gap:30px}#item1 .projectText{padding-top:50px;height:200px}#item2 .projectText{padding-top:100px;height:400px}#item2 #project2 #tesyImg{width:100%}#project3{display:flex;flex-direction:column;gap:2px}#item3content{display:flex;flex-direction:row;gap:10px}#item3content p{padding-top:150px}#item4 .projectText{padding-top:20%;height:80%}#item4 img{margin-left:25%}.projects a{color:#fff}.eduTitle{text-align:center;width:40%;padding-left:30%}#linkEdu{color:#fff}.courses{display:flex;flex-direction:row;padding-left:20%}.certs{display:flex;flex-direction:column}.skills h1,p{text-align:center}.skills .divider{width:30%;margin-left:35%}.skillsList{display:flex;flex-direction:column;padding-top:5%;gap:10px;width:60%;height:500px;padding-left:20%}.jobs{display:flex;flex-direction:column;gap:10px}#jobsTitle{text-align:center}#jobsTitle .divider{width:25%;margin-left:38%}.jobs h3{text-align:center}.job{margin-left:25px;margin-right:25px;background-color:#2e2e30ad;border-radius:25px;height:30vh;display:flex;flex-direction:column;justify-content:space-evenly}#contactTitle{text-align:center}#contactTitle .divider{width:25%;margin-left:38%}.contacts{display:flex;flex-direction:row;gap:10px;margin-left:10%;margin-top:10%;height:500px}.contact{display:flex;flex-direction:column;justify-content:space-between;border-radius:10px;padding:10px;background-color:#2e2e30ad;height:200px;width:28%}#github{height:50px;margin-left:45%}#gmail{height:50px;width:50px;margin-left:45%}#linkedin{height:50px;margin-left:45%}.cv{width:100%}#cvLink{color:#fff;text-align:center}iframe{margin-left:30%;height:800px;width:38%}.demos{display:flex;flex-direction:column;justify-content:space-between;gap:10px;margin-left:1%;margin-right:1%}.demo{padding:10px;border-radius:10px;min-height:500px;background-color:#2e2e30ad;list-style-type:none;text-align:center}.map{height:400px;width:400px;margin-left:35%}.weatherBox-container{display:flex;flex-direction:row;gap:5px;margin-left:3%}.weatherBox-row{display:flex;flex-direction:column;gap:5px}#date{text-align:center}.weatherBox{text-align:center;padding:10px;background-color:#0d0d12ad;border-radius:10px;display:flex;flex-direction:column;margin-top:10px;margin-bottom:10px;width:200px}.weatherBox img{width:70px;margin-left:30%}.footer{border:1px solid rgb(20,18,18);bottom:0;margin-top:auto;text-align:center}.footer p{margin-top:15px}@media screen and (max-width: 431px){body{max-width:100vh;min-width:300px}.main{max-width:330px;padding-top:0}.home{display:flex;flex-direction:column}.header .navLinks,#cvLink{display:none}.change .navLinks{display:flex;flex-direction:column;margin-left:-80%}.home{margin-top:20px}#intro{margin-top:0;padding-top:0}.homeText{padding-top:10px;justify-content:center}.about{display:flex;flex-direction:column}.aboutme{margin-top:20px}.projects{display:flex;flex-direction:column}.item1,item2,item3,item4{display:flex;flex-direction:column}.techs,#project1{display:flex;flex-direction:column}#item1 .projectText{padding-top:0;padding-bottom:20px;height:200px}#item1 a{display:flex;flex-direction:row;justify-content:start;padding-right:10px}#item2 .projectText{padding-top:1%;height:25%}.item #project2 img{width:100%}#project3{display:flex;flex-direction:column}#item3 #item3content img{width:100%}#item3content{display:flex;flex-direction:column}#item3content p{padding-top:0}#item4 img{width:70%;margin-left:18%}.eduTitle{width:75%;margin-left:-15%}.contacts{display:flex;flex-direction:column}.contact{width:100%;margin-left:-8%}.skillsList{width:100%;padding-left:10px}.job{margin-left:25px;margin-right:25px;background-color:#2e2e30ad;border-radius:25px;height:unset;display:flex;flex-direction:column;justify-content:space-evenly}#date{margin-left:-25%}.weatherBox{margin-left:-8%}.weatherBox-container{display:flex;flex-direction:column;gap:5px;margin-left:22%;justify-content:center}}