.navbar{align-items:center;background:#1e1e1e;display:flex;height:5rem;justify-content:space-between;margin:0 auto;max-width:75rem;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;width:100vw;z-index:3}.logo{height:3rem;object-fit:cover;width:4rem}.desktopMenuListItem{cursor:pointer;margin:1rem}.desktopMenuListItem:hover{border-bottom:3px solid #ff0;color:#ff0;padding-bottom:.5rem}.desktopMenuBtn{align-items:center;background:#fff;border:none;border-radius:2rem;color:#000;display:flex;justify-content:center;padding:0 1rem}.desktopMenuImg{height:1rem;margin:1rem;object-fit:cover;width:1rem}.active{color:#ff0}.navMenue{background:#282828;border-radius:1rem;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:15rem;padding:.5rem;position:absolute;right:2rem;top:4rem;z-index:2}.listItem{background:#1e1e1e;color:#fff;margin:.25rem;padding:.5rem 3rem}.mobMenue{display:none;height:1.8rem;object-fit:cover}@media only screen and (max-width:600px){.mobMenue{display:flex}.desktopMenu,.desktopMenuBtn{display:none}}#intro{height:calc(100vh - 4rem);margin:0 auto;max-width:75rem;overflow:hidden;position:relative;width:100vw}.bg{height:120vh;object-fit:cover;position:absolute;right:0;top:-10rem;z-index:-1}.introContent{display:flex;flex-direction:column;font-size:3rem;font-weight:700;height:100vh;justify-content:center;padding:2rem;width:100vw}.hello{font-size:1.75rem;font-weight:100}.introName{color:#ff0}.introPara{font-size:medium;font-weight:300;letter-spacing:1px}.btn{background:#fff;border:none;border-radius:2rem;color:#000;margin:1rem 0;padding:.75rem 1.5rem}.btnImg{height:1rem;margin:0 .25rem;object-fit:cover}@media screen and (max-width:840px){.bg{right:-50vw}.introContent{font-size:10vw}.hello{font-size:4.5vh}}@media screen and (max-width:480px){.bg{right:-60vw}.introContent{font-size:10vw}.hello{font-size:4.5vh}.hello,.introPara,.introText{color:#b4b4b3}}#skills{align-items:center;display:flex;flex-direction:column;height:100;justify-content:center;margin:0 auto;max-width:65rem;overflow:hidden;text-align:center;width:100vw}.skillTitle,.skillsMain{font-size:3rem;font-weight:600;margin-bottom:1.5rem;padding-top:3rem}.skillDesc{font-size:.9rem;font-weight:400;max-width:50rem;padding:0 2rem}.skillsBars{margin:1.5rem;max-width:90%;text-align:left;width:100%}.skillBar{background:#323232;border-radius:.5rem;display:flex;margin:1rem;padding:1.5rem 2rem;width:95%}.skillBarImg{height:3rem;margin-right:2rem;object-fit:cover;width:4rem}.skillBarText>p{font-size:.9rem;font-weight:400}@media only screen and (max-width:600px){.skillsPara{margin-left:5%;max-width:90%}.skillsBars{align-items:center;display:flex;flex-direction:column}#skills{height:130vh}}#works{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:60rem;min-height:calc(100vh - 4rem);padding:0 1rem;text-align:center;width:100vw}.worksTitle{font-size:3rem;margin:1rem 0}.worksDesc{font-size:1rem;font-weight:300;max-width:45rem}.worksImgs{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:65rem;width:100vw}.worksImg{height:20rem;margin:.5rem;object-fit:contain;width:18rem}.worksdiv{border:3px solid grey;border-radius:15px;margin:1rem;position:relative}.worksdiv h2{background-color:#000;border-bottom-left-radius:15px;border-bottom-right-radius:15px}.worksBtn{background:#fff;border:none;border-radius:2rem;color:#000;font-size:1rem;margin:3rem 0;padding:.5rem 2.5rem}.weather{transition:all 1s ease-in-out}.container1,.container2,.container3,.container4,.container5,.container6{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:hsla(0,0%,100%,.3);border-radius:12px;bottom:0;display:flex;display:none;flex-direction:column;justify-content:space-around;min-height:100%;min-width:100%;position:absolute;text-align:justify}.worksdiv button{background-color:#994d1c;border:2px solid #fff;border-radius:15px;cursor:pointer;min-height:2.5rem;min-width:7rem}.worksdiv h1{background-color:#faebd7;border:2px solid maroon;color:#000;color:#994d1c;font-size:2rem;font-weight:700;padding-left:3rem;padding-right:3rem}.worksdiv h3{color:#000}.Cipher:hover .container5,.Karuda:hover .container2,.MediWrite:hover .container1,.Pass:hover .container6,.Sign:hover .container3,.Weather:hover .container4{align-items:center;display:flex;flex-direction:column;justify-content:space-around;text-align:center}.ProjectLink{color:#000}#contact{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.contactTitle{font-size:3rem;margin-bottom:1rem}.contactForm{align-items:center;display:flex;flex-direction:column;margin:1rem;width:50%}.email,.msg,.name{background:#212121;border:none;border-radius:5px;color:#faebd7;margin:3%;padding:1rem;width:100%}.msg{resize:none}.submitBtn{background:#fff;border-radius:15px;color:#212121;padding:2%;width:20%}.link{height:3rem;margin-top:20%;object-fit:cover;padding:5%;width:3rem}@media screen and (max-width:480px){.contactDesc{font-size:x-small}.contactForm{width:90%}}.footer{align-items:center;background:#282828;display:flex;font-size:large small;font-weight:300;height:4rem;justify-content:center;width:100vw}
/*# sourceMappingURL=main.10a50fff.css.map*/