@import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap");*{font-family:Montserrat,sans-serif;box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body{--main-font:#000;--nav:#16161d;--main-bg:#16161d;--sec-bg:#36333f;--main-btn:#273c75;--nav-font:#fff}section{width:100%;height:100vh}nav{width:100%;position:-webkit-sticky;position:sticky;top:0;z-index:5}#app{width:100%;justify-content:center;flex-direction:column}#app,.navbar{display:flex;align-items:center}.navbar{background-color:var(--nav);justify-content:flex-end}.brand{flex-grow:1;font-weight:700;font-size:22px}.navbar .brand a:hover{background-color:#b67ace}.navbar li{list-style:none;margin:20px 10px}.navbar a{color:var(--nav-font);text-decoration:none;padding:8px;transition:1s;border-radius:4px}.navbar a:hover{background-color:var(--main-btn)}.id__icon{width:75px;height:75px}.headline__section{height:94vh}.headline{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;color:var(--nav-font)}.headline h1{font-size:48px;padding:12px}.headline h2{font-size:36px;padding:10px;margin:8px}.headline a{color:var(--nav-font);background-color:var(--main-btn);text-decoration:none;border-radius:4px;padding:16px 10px;margin:16px 10px}.headline__links{width:100%;display:flex;justify-content:center;align-items:center;padding:12px 16px;margin:10px}.headline__links a{color:var(--nav-font);background-color:transparent;padding:12px 16px;margin:10px}.link__div{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 24px}.link__div img:hover{filter:brightness(.8);transition:.6s}.about__section{height:100%;background-image:linear-gradient(90deg,#000,#0b0307,#120710,#160b18,#16101f,#171528,#171a32,#141f3c,#18264a,#1d2d58,#223566,#273c75);display:flex;justify-content:center;align-items:center;padding:40px 10px}.about__left{width:40%;padding:10px;color:var(--nav-font)}.about__left,.about__right{display:flex;justify-content:center;align-items:center;flex-direction:column}.about__right{width:60%;padding:24px}.about__right h2{font-size:36px;padding:12px;color:#fff}.stack__icons{max-width:500px;justify-content:center;flex-wrap:wrap}.stack__icon,.stack__icons{display:flex;align-items:center}.stack__icon{width:145px;height:145px;border:4px solid var(--main-btn);border-radius:4px;justify-content:space-between;flex-direction:column;padding:10px;margin:10px}.stack__icon h3{color:var(--nav-font);margin:10px;text-align:center}.about__left .id__icon{margin:18px 12px}.about__left h2{font-size:36px;padding:12px}.about__left p{font-size:16px;width:500px;text-align:center;line-height:1.5;padding:8px 6px}.main__section{z-index:1;background-color:#fff}.carousel{height:300px}.project__link:hover{transition:.6s;filter:brightness(.8)}.projects__feed{height:-moz-fit-content;height:fit-content;align-items:center;flex-direction:column;padding:20px}.projects__feed,.projects__feed .title{width:100%;display:flex;justify-content:center}.projects__feed .title{padding:16px 12px}.projects__feed .title h2{color:var(--nav-font);padding:12px;margin:10px;font-size:36px}.projects{width:85%;align-items:flex-start;flex-wrap:wrap}.project,.projects{display:flex;justify-content:center}.project{width:100%;max-width:400px;height:auto;color:var(--nav-font);padding:16px 12px;align-items:center;flex-direction:column;position:relative;margin:30px}.project:hover{cursor:pointer}.project h3{text-align:center;font-size:30px;padding:18px 8px;margin:10px}.project img:hover{transition:.4s;filter:brightness(.8)}.project__links{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none;text-align:center}.skills__button{border:none;margin:20px 6px;text-decoration:none}.project__links button,.skills__button{padding:10px 15px;background-color:var(--main-btn);color:var(--nav-font);border-radius:4px}.project__links button{width:100px;margin:5px;border:none}.project__links a{color:var(--nav-font);text-decoration:none}.project:hover .project__links{display:flex}.single__project{color:var(--nav-font);height:92vh;display:flex;align-items:center;flex-direction:column}.single__project .title{width:100%;padding-top:10px;margin-top:24px}.single__project .title h1{font-size:40px;text-align:center}.project__content{width:100%;height:100%;display:flex;justify-content:center}.project__left{width:100%;display:flex;flex-direction:column;padding:18px 24px;margin:12px}.project__left h2{font-size:30px;padding:12px 0;margin:10px}.project__left h3{font-size:24px;padding:8px 10px;margin:8px 24px;font-weight:lighter}.custom__title{font-size:24px;font-weight:700}.project__left p{font-weight:lighter;font-size:20px;padding:12px 6px;margin:8px 10px}.project__right{width:100%;display:flex;justify-content:center;align-items:center;padding:12px;margin:12px}.project__desc{display:flex;flex-direction:column;padding:0;margin:0}.single__project__links{height:100%;display:flex;align-items:center;padding:24px 32px;margin:10px}.single__project__links a:first-child,.single__project__links button{height:50px;padding:12px 24px;margin:10px;background-color:var(--main-btn);border-radius:4px;color:var(--nav-font);border:none}.single__project__links a:hover{text-decoration:none}.single__project__links button:last-child{background-color:var(--main-btn)}.project__right img:hover{filter:brightness(.8);transition:.4s}.single__project__links button:last-child{width:100%;display:flex;justify-content:space-evenly;align-items:center}.arrow__icon{margin-right:2px}footer{background-color:#16161d;color:var(--nav-font);width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.contact__header{font-size:20px;padding:10px 18px;margin:10px;text-align:center}.contact__links{display:flex;justify-content:center;align-items:center;margin:12px}.contact__links a{padding:12px;margin:10px}.contact__links img:hover{transition:.6s;filter:brightness(.8)}.email{width:100%;padding:14px;margin:12px}.email form{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.email input,.email textarea{width:40%;padding:8px;margin:10px;border-radius:6px;border:none}.email button{width:40%;background-color:var(--main-btn);color:var(--nav-font);background-color:#b67ace;font-size:18px;border:none;border-radius:6px;padding:12px;margin:12px}.navbar img{display:none}@media (max-width:1200px){.about__section{height:-moz-fit-content;height:fit-content;flex-direction:column}.about__left,.about__right{padding-top:20px;padding-bottom:20px;margin:18px 16px}.about__left{width:60%}.about__left h2{width:100%;font-size:30px;text-align:center}.about__left p{width:100%}.project__content .project__right img{width:100%;height:auto}.project__content .project__left p{padding:12px 0;margin:10px}}@media (max-width:900px){.single__project{height:-moz-fit-content;height:fit-content}.project__content{height:100%}.project__left{font-size:20px;padding:8px 0;margin:10px 0;justify-content:center;align-items:center}.project__left h2{font-size:20px}.project__left .custom__title{font-size:18px}.project__left p{width:100%;font-size:16px;text-align:left}.project__desc{margin:12px;padding:8px 10px;display:flex;justify-content:center;align-items:center;flex-direction:column}.single__project .title h1{font-size:30px}.single__project__links{width:100%}.single__project__links button{font-size:12px}.project__content{align-items:flex-start;flex-direction:column}.single__project__links{justify-content:center}.project__content .project__right img{width:300px;padding:12px 0;margin:16px 0}.project__content .project__right{padding:0;margin:0}footer{width:100%}.email input,.email textarea{width:280px}}@media (max-width:500px){.navbar li{display:none;z-index:100}.navbar{align-items:center;justify-content:center;flex-direction:column}.navbar img{display:flex;margin:10px}.menu__div{width:100%;background-color:var(--nav);position:-webkit-sticky;position:sticky;top:70px;z-index:100}.navbar__div{display:flex;justify-content:center;align-items:center;flex-direction:column}.navbar__div li{list-style:none;margin:18px}.navbar__div li a{font-size:20px;color:var(--nav-font);text-decoration:none}.about__left{width:100%;padding-top:30px;padding-bottom:30px}.about__right{width:100%}.headline h1,.headline h2{text-align:center}.about__left p{width:100%}.headline__links{width:-moz-fit-content;width:fit-content;padding:10px;margin:6px}.link__div img{width:30px;height:30px}.link__div{padding:0 8px}.email{display:flex;justify-content:center;padding:6px;margin:6px}.email button,.email form,.email input,.email textarea{width:90%}.projects__feed .title h2{font-size:30px}.project,.projects{width:100%}.project img{width:100%;height:100%}.project h3{font-size:24px;width:100%}.title{text-align:center}.project:hover .project__links{display:none}}