body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;color:#422d23;padding:0}*,body{margin:0}body{background-color:#eeeae9;padding:0 0 100px}body,h1{font-family:Noto Sanes Mono,monospace}h1{font-size:100px;font-weight:100}h1,h2{color:#422d23}h2{margin-left:50px;margin-top:20px;text-align:left}.main-content{padding-top:70px;text-align:center}.page-intro-text{margin-left:50px;margin-right:50px}.nav{align-items:center;background-color:#eeeae9ee;height:50px;justify-content:space-between;padding:0 30px;position:fixed;width:100%;z-index:1}.nav,.nav ul{display:flex;gap:30px;list-style:none}.nav a{align-items:center;background-color:#e2cfea00;color:#422d23;display:flex;font-family:Noto Sanes Mono,monospace;font-size:14px;height:100%;padding:.4rem;text-decoration:none}.nav li:hover a{color:#333}.nav li.active a{background-color:#c7b1b8;color:#fff;padding:.4rem}.nav .active .my-name{background-color:initial;color:#422d23}.nav .sidebar{align-items:center;background-color:#eeeae9ee;box-shadow:3px 3px 5px #0b0118ee;display:none;flex-direction:column;height:100vh;justify-content:flex-start;padding-top:50px;position:fixed;right:0;top:0;width:250px;z-index:1002}.nav .menu-icon{cursor:pointer;display:none}.homepage-container{align-items:center;display:flex;justify-content:center}.name-container{align-items:left;display:flex;flex-direction:column;justify-content:center;margin:50px;padding:50px;text-align:left}.name-subcontainer{padding-bottom:20px;position:relative;width:fit-content}.name-text{font-family:Karantina,system-ui;font-size:150px;font-weight:400}.portfolio-text{font-family:Kapakana;font-size:105px;font-weight:400;text-align:right;z-index:0}.image-row{display:flex;flex-wrap:wrap;padding:20px}.image-column{flex:33.33% 1;max-width:33.33%;padding:20px}.image-container{background-color:#fff;border:2px solid #ac919380;border-radius:2px;box-shadow:0 2px 2px 0 #00000026;cursor:pointer;margin:40px 0;vertical-align:middle;width:100%}.image-container img{padding:10px;vertical-align:middle;width:100%}.image-container p{color:#422d23;font-size:14px;font-style:italic;padding:0 15px 15px;text-align:left}.projects{flex-wrap:wrap;padding:20px}.project,.projects{display:flex;justify-content:center}.project{align-items:center;background-color:#fff;border:2px solid #ac919380;border-radius:2px;box-shadow:0 3px 3px 0 #00000026;flex:70% 1;height:400px;margin:20px;max-width:70%;padding:50px}.project-text{padding:10px;text-align:left}.project-title{font-size:20px;font-weight:600;padding-bottom:8px}.projects video{height:100%;margin:10px;width:300px}.popup-container{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;margin:0;position:fixed;top:0;width:100%;z-index:1000}.close-symbol{background-color:initial;border-style:none;color:#fff;cursor:pointer;font-size:50px;position:absolute;right:30px;top:20px;z-index:1001}.popup-image{background-color:#fff;box-shadow:0 7px 29px 0 #0000004d;color:#422d23;padding-bottom:10px}.popup-image img{border:10px solid #fff;height:auto;max-height:85vh;max-width:85vw;object-fit:contain;width:auto}.popup-image-two{align-items:center;display:flex;height:90%;width:fit-content}.popup-image-two-text{color:#fff;margin-top:20px;max-width:200px;padding:20px;text-align:left}.popup-image-two-text em,.popup-image-two-text p{color:#fff}.popup-image-two .final-design{border:none;box-shadow:0 7px 29px 0 #0000004d;height:100%;margin-right:20px;padding:0;width:auto}.contact-form{align-items:center;display:flex;justify-content:center}form{background-color:#fff;border:2px solid #ac919380;border-radius:2px;box-shadow:0 3px 3px 0 #00000026;color:#422d23;font-weight:600;margin:30px;max-width:600px;padding:30px;width:100%}.input-box{border-color:#ac919380;margin-top:20px;text-align:left}input:focus,textarea:focus{outline-color:#422d23}.input-box .field{background:#0000;border:2px solid #ac919380;font-family:Noto Sanes Mono,monospace;font-size:16px;height:50px;margin-top:8px;padding:15px;width:100%}.input-box .field.message{height:200px;resize:none}form button{align-items:center;background-color:#c7b1b8;border:2px solid #c7b1b8;color:#fff;cursor:pointer;display:flex;font-family:Noto Sanes Mono,monospace;font-size:16px;font-weight:600;height:40px;margin-top:20px;padding:15px}form button:hover{background-color:initial;color:#c7b1b8;transition:.3s}.success-alert{align-items:center;background-color:#fff;border-radius:5px;color:#422d23;display:flex;flex-direction:column;height:150px;justify-content:center;margin:0;width:300px}.success-alert .close-symbol{color:#c0b0b1;height:0;left:130px;position:relative;top:-60px}.material-symbols-outlined{color:#422d23}.page-title-animated{color:#422d23;font-family:Noto Sanes Mono,monospace;font-size:100px;font-weight:100;margin:30px}.design-section{padding-top:20px}.design-grid{column-gap:10px;display:flex;margin:20px 50px;row-gap:10px}.design-column{width:33.3%}.design-thumbnail{width:100%}.design-thumbnail img{border:2px solid #ac919380;box-shadow:0 2px 2px 0 #00000026;object-fit:contain;transition:.1s;width:100%}.scroll-wrapper{align-self:left;height:90%;max-width:88%;overflow-y:auto;padding:10px;width:100%}.scroll-wrapper img{border:none;display:block;height:auto;width:100%}@media screen and (max-width:800px){.image-column{flex:50% 1;max-width:50%}.design-grid{flex-direction:column}.design-column{width:50%}.project{flex:100% 1;flex-direction:column;max-width:100%}.scroll-wrapper{width:85%}.close-symbol{font-size:35px;right:10px;top:10px}.nav .hide-on-mobile{display:none}.nav .menu-icon{display:flex}.popup-image-two{flex-direction:column}.popup-image-two .final-design{margin-right:0;max-height:90%;max-width:85%}.popup-image-two-text{max-width:350px}}@media screen and (max-width:600px){.image-column{flex:100% 1;max-width:100%}.design-column{width:100%}.name-container{margin:27.5px;padding:27.5px}.name-subcontainer{padding-bottom:0}.name-text{font-size:85px}.portfolio-text{font-size:57.75px}.projects video{width:200px}}
/*# sourceMappingURL=main.e70982c1.css.map*/