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}.header{align-items:center;background-color:#141414;box-sizing:border-box;height:10vh;left:0;position:fixed;top:0;width:100%;z-index:127}.header,.left-header{display:flex;justify-content:space-between}.left-header{padding:1rem 2rem}.logo{font-size:1.5rem;font-weight:700;margin-right:2rem;margin-top:auto}.social-icons{display:flex}.social-icon{color:#fff;font-size:1.9rem;margin:0 .5rem;transition:all .3s ease-in-out}.social-icon:hover{color:#de8232;transform:scale(1.15)}.menu-toggle{cursor:pointer;display:none;font-size:24px}nav ul{display:flex;list-style:none;margin:0;padding:.5rem 2rem}nav ul li{color:#fff;cursor:pointer;font:1.3rem Poppins,sans-serif;font-weight:540;margin-left:20px;margin-top:1%;padding:.5rem .7rem;position:relative;text-decoration:none;transition:all .3s ease-in-out}nav ul li:hover{transform:scale(1.05)}nav ul li.active,nav ul li:hover{background-color:#de8232;border-radius:10px;color:#fff}nav ul li.active{box-shadow:0 0 15px #f39c1299;transform:scale(1.1)}nav ul li:after{background-color:#de8232;bottom:-5px;content:"";height:3px;left:0;position:absolute;transition:width .3s ease-in-out;width:0}nav ul li:hover:after{width:100%}nav ul li a{color:#fff;text-decoration:none}body{overflow-x:hidden;padding-top:10vh}@media (max-width:1100px){.header{height:7vh;padding:0 10px}body{padding-top:7vh}.menu-toggle{display:block;margin-right:10px}.left-header{padding:.5rem;width:auto}.logo{font-size:1rem;margin-right:1rem}.social-icon{font-size:1rem;margin:0 .3rem}nav{background-color:#141414;box-sizing:border-box;display:none;left:0;max-height:93vh;overflow-y:auto;position:fixed;right:0;top:7vh;width:100%}nav.open{display:block}nav ul{flex-direction:column;padding:.5rem}nav ul li{margin:.5rem 0;text-align:center;width:calc(100% - 1rem)}}html{overflow-x:hidden;width:100%}.footer{background-color:#141414;color:#fff;display:flex;justify-content:center;padding:.5rem 0}.main-content{height:85vh;justify-content:space-around;padding-top:15vh;position:relative;width:100%}.main-content,.writings{align-items:center;display:flex;flex-direction:column}.writings{justify-content:center;position:absolute;text-align:center;top:15vh}.hello{border:3px solid #e67e22;border-radius:15px;color:#fff;display:inline-block;font-size:1.5rem;font-weight:500;padding:10px 20px}.myname{align-items:center;display:flex;flex-direction:row;justify-content:space-around;padding:.5% 1% 0;z-index:-1}.myname1{color:#fff;font-size:4rem;font-weight:500}.myname1,.myname2{line-height:1.1;margin:0;transition:color .3s}.myname2{color:#de8232;font-size:4.3rem;font-weight:750;text-shadow:0 0 25px #f39c1266,.2rem .2rem #000}.myname2:hover{color:#e67e22}.space{padding:.8rem}.myname3{color:#bababa;font-size:4rem;font-weight:700;line-height:1.1;margin:0;text-shadow:.3rem .3rem #000}.intro{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap}.text-container{flex:1 1;min-width:200px}.intro-text{font-size:1.5rem;font-weight:300;margin:0}.intro-name{color:#f39c12;font-size:4rem;font-weight:700;line-height:1.1;margin:0;transition:color .3s}.intro-name:hover{color:#e67e22}.intro-title{font-size:1.2rem;font-weight:300;margin-bottom:1rem;margin-top:.5rem}.image-container{bottom:0;left:50%;position:absolute;transform:translateX(-50%)}.profile-image-dot{height:70vh;width:auto}.citation{background:#141414e6;border-radius:15px;box-shadow:0 10px 30px #0000004d;color:#fff;font-size:1.2rem;font-weight:400;left:5%;line-height:1.8;max-width:320px;overflow:hidden;padding:2rem;position:absolute;top:50%;transform:perspective(1000px) rotateY(15deg);transition:all .4s cubic-bezier(.23,1,.32,1);z-index:1}.citation:before{content:"“";left:-20px;position:absolute;top:-40px}.citation:after,.citation:before{color:#e67e2233;font-family:Georgia,serif;font-size:8rem;transition:all .3s ease}.citation:after{bottom:-60px;content:"”";right:-20px}.citation:hover{background:#141414;box-shadow:0 15px 40px #0006;transform:perspective(1000px) rotateY(0deg) translateY(-5px)}.citation:hover:after,.citation:hover:before{color:#e67e2266;text-shadow:0 0 15px #e67e224d}.citation br{content:" ";display:block;margin:1.2rem 0}.citation:after{background:linear-gradient(45deg,#e67e22,#0000 70%);border-radius:15px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute}.scroll-button-container{bottom:15%;position:absolute;right:10%;z-index:2}.scroll-button{background:#141414b3;border:none;border-radius:15px;box-shadow:0 10px 30px #0000004d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;overflow:hidden;padding:1.5rem 2rem;position:relative;transition:all .4s cubic-bezier(.23,1,.32,1)}.scroll-button:after{background:linear-gradient(45deg,#e67e22,#0000 70%);border-radius:15px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute}.scroll-button:hover{background:#141414;box-shadow:0 15px 40px #0006;transform:perspective(1000px) rotateY(0deg) translateY(-5px)}.arrow-icon{font-size:2rem;margin-top:.5rem}@media (max-width:1100px){.main-content{height:90vh;padding-top:10vh}.writings{top:10vh}.myname1,.myname2,.myname3{font-size:5vh}.space{padding:.2rem}.citation{font-size:2vh;max-width:80%;padding:3vh;top:25vh;z-index:-5}.image-container{left:50%;transform:translateX(-50%)}.profile-image-dot{height:50vh;padding:0 10rem}.scroll-button{font-size:1rem;padding:1rem}.scroll-button-container{bottom:5%;left:50%;transform:translateX(-50%)}}.about-container{background-color:#1a1a1a;border-radius:5%;font-family:Lucida Console,monospace;margin:0 auto;padding:20px}.about-header{color:#de8232;margin:6rem 2rem 0;text-align:center}.about-header p{border:2px solid #e67e22;border-radius:10px;color:#e67e22;font-size:2rem;font-weight:500;margin:0 10rem;padding:1rem}.about-header h1{-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#141414;font-family:roboto,sans-serif;font-size:4rem;font-weight:700}.about-content{color:#fff;font-size:1.2rem;line-height:2rem;margin:2rem 12rem;word-spacing:.5rem}h2{border-bottom:2px solid #e67e22;padding-bottom:5px}.about-item,.education-item,h2{margin-bottom:15px}ul{list-style-type:disc;padding-left:20px}li{margin-bottom:10px}@media (max-width:1100px){.about-container{padding:2vh}.about-header{margin:2% 1% 0}.about-header p{font-size:4vh;margin:0 5%}.about-header h1{font-size:8vh}.about-content{font-size:2vh;margin:2% 5%}}.experience-bg{color:#fff;font-family:Roboto,sans-serif;padding:2.5rem 0}.experience-header{margin-bottom:3rem;padding:0 1rem;text-align:center}.experience-title{font-size:3rem;font-weight:700;margin:0}.experience-description{color:#fff;font-size:1.125rem;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:1000px}.experience-container{margin:0 auto;max-width:65%;padding:0 1rem}.experience-item{background-color:#1c1c1c;border-radius:8px;box-shadow:0 5px 5px #00000080;margin-bottom:2rem;padding:1.5rem;transition:box-shadow .3s ease}.experience-item:hover{box-shadow:0 4px 10px #00000080}.experience-item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.experience-item-title{color:#de8232;font-size:1.9rem;margin:0}.experience-item-organization{color:silver;margin:.25rem 0 0}.experience-item-period{color:#8a8a8a;font-size:1rem}.experience-highlights{list-style-type:disc;padding-left:20px}.experience-highlight{align-items:start;color:#fff;display:flex;font-size:1.1rem;margin-bottom:.75rem}.highlight-icon{color:#de8232;margin-right:.5rem}.button-container{display:flex;justify-content:center}.button{background:#141414b3;border:none;border-radius:15px;box-shadow:0 10px 30px #0000004d;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;overflow:hidden;padding:1.5rem 2rem;position:relative;transition:all .4s cubic-bezier(.23,1,.32,1)}.button:after{background:linear-gradient(45deg,#e67e22,#0000 70%);border-radius:15px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute}.button:hover{background:#141414;box-shadow:0 15px 40px #0006;transform:perspective(1000px) rotateY(0deg) translateY(-5px)}.arrow-icon{align-items:center;display:flex;font-size:1.5rem;justify-content:center;margin:0 auto}@media (max-width:1100px){.experience-container{max-width:90%}.experience-item-title{font-size:1.5rem;margin-bottom:.5rem}.experience-item-header{align-items:flex-start;display:flex;flex-direction:column;font-size:1rem;justify-content:space-between;margin-bottom:1rem}.experience-item-period{font-size:.8rem;margin-top:.5rem}.experience-highlight{font-size:.9rem}}.projects-container{background-color:#1a1a1a;border-radius:5%;display:flex;flex-direction:column;font-family:Lucida Console,monospace;margin:0 auto;padding:20px}.projects-header{color:#fff;font-family:roboto,sans-serif;font-size:4rem;font-weight:700;margin:3rem 2rem;text-align:center}.title-orange{color:#de8232}.projects-header2{color:#de8232;font-family:roboto,sans-serif;font-size:3.5rem;font-weight:700;margin:1rem 2rem;text-align:center}.intro{margin:1rem 5rem}.intro-text{font-size:1.1rem;font-weight:200;line-height:1.6}.bold-text{color:#f39c12;font-weight:600}.projects-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));justify-content:center;padding:2rem}.project-item{align-items:center;border:1px solid #444;border-radius:12px;box-shadow:0 5px 5px #000;cursor:pointer;display:flex;flex-direction:column;min-height:480px;overflow:hidden;text-decoration:none;transition:transform .2s,box-shadow .3s}.project-item:hover{border:2px solid #f39c12;box-shadow:0 10px 20px #f39c124d;transform:translateY(-5px)}.project-title{color:#f39c12;font-size:1.5rem;font-weight:700;padding:1rem;text-align:center}.project-image{height:250px}.project-description{flex-grow:1;font-size:1.1rem;font-weight:400;line-height:1.6;padding:1rem}.pagination{display:flex;justify-content:center;margin-top:2rem}.page-item{background-color:#f0f0f0;border-radius:.25rem;color:#333;cursor:pointer;font-size:1rem;margin:0 .25rem;padding:.5rem 1rem;transition:background-color .3s,color .3s}.page-item.active{background-color:#f39c12;color:#fff;font-weight:700}.page-item:hover{background-color:#595959}@media (max-width:1100px){.projects-container{border-radius:0;padding:1rem}.projects-header{font-size:4.5vh}.projects-content{padding:0}.intro{margin:1rem}.intro-text{font-size:1rem}.project-description{font-size:.9rem}}.contact-container{font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px}.contact-header{margin:2.5rem;text-align:center}.contact-header h1{color:#f39c12;font-size:2em;font-weight:700;margin:0}.contact-header p{margin:10px 0}.contact-form,.contact-info{margin-bottom:30px}.contact-form h2,.contact-info h2{border-bottom:2px solid #f39c12;margin-bottom:15px;padding-bottom:5px}.contact-info p{margin:10px 0}.contact-info a{color:#f39c12;text-decoration:none}.contact-info a:hover{text-decoration:underline}.contact-form form{display:flex;flex-direction:column}.contact-form label{font-weight:700;margin-bottom:5px}.contact-form input,.contact-form textarea{border:1px solid #ddd;border-radius:5px;margin-bottom:15px;padding:10px}.contact-form button{background-color:#f39c12;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;padding:10px 20px}.contact-form button:hover{background-color:#e67e22}.project-details{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:800px;padding:2rem}.project-details h1{color:#f39c12;font-size:2rem;text-align:center}.project-details h2{color:#f39c12}.project-image{height:auto;margin-bottom:1rem;margin-top:1rem;max-width:400px;object-fit:cover;width:100%}.project-description{color:#ddd;font-size:1rem;font-weight:300;line-height:1.4;text-align:center}.no-project{padding:2rem;text-align:center}@media (max-width:1100px){.project-details{padding:1.5rem}.project-details h1{font-size:1.5rem}.project-details h2{font-size:1.2rem}.project-description{font-size:.9rem}}body{background-color:#1f1f1f;color:#fff;font-family:Arial,sans-serif;margin:0}.App{text-align:center}
/*# sourceMappingURL=main.22a0554b.css.map*/