@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap);*{box-sizing:border-box}html{overflow-x:hidden;width:100%}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;margin:0;padding:0}#root{overflow-x:hidden;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}nav{background-color:#151515;border-right:1px solid #242424;box-shadow:3px 0 25px 0 #00000040;color:#fff;height:100dvh;padding-left:30px;padding-right:30px;padding-top:10px;position:fixed;width:15%;z-index:1000}nav,nav ul{display:flex}nav ul{flex-direction:column;gap:45px;list-style-type:none;padding:0}nav img{height:auto;max-width:50%}nav img:hover{cursor:pointer}nav li{display:flex;flex-direction:column;gap:10px}nav li h1{color:#868686;font-size:12px;font-weight:500;margin:0 0 5px}nav li img{height:30px;width:30px}nav a{align-items:center;color:#fff9;display:flex;font-size:16px;font-weight:100;gap:12px;text-decoration:none;transition:color .3s;width:100%}.project-link{justify-content:space-between;width:100%}nav a svg{color:#fff9;height:20px;opacity:.3;transition:all .3s;width:20px}nav a:hover{color:#fff}nav a:hover svg{opacity:1}nav p{bottom:30px;color:#868686;font-size:9px;left:30px;margin:0;position:fixed}.about-nav{margin-top:5px}.hamburger,.menu-toggle{display:none}.hamburger{-webkit-tap-highlight-color:transparent;align-items:center;cursor:pointer;height:40px;justify-content:center;position:fixed;right:16px;top:14px;width:40px;z-index:1001}.hamburger span{background:#fff;border-radius:2px;height:2px;left:10px;position:absolute;right:10px;transition:transform .28s ease,opacity .2s ease,top .28s ease}.hamburger span:first-child{top:12px}.hamburger span:nth-child(2){top:19px}.hamburger span:nth-child(3){top:26px}.menu-toggle:checked+.hamburger span:first-child{top:19px;transform:rotate(45deg)}.menu-toggle:checked+.hamburger span:nth-child(2){opacity:0}.menu-toggle:checked+.hamburger span:nth-child(3){top:19px;transform:rotate(-45deg)}@media (max-width:900px){.hamburger{display:flex}nav{background-color:#101010;border-bottom:1px solid #242424;border-right:none;box-shadow:0 5px 25px 0 #00000040;height:auto;left:0;padding:16px 20px 20px;position:fixed;right:0;top:0;transform:translateY(-110%);transition:transform .28s ease;width:100%;z-index:1000}.menu-toggle:checked~nav{transform:translateY(0)}nav ul{gap:22px}nav img{max-width:36%}nav li h1{font-size:12px}nav a{font-size:16px}nav a svg{height:18px;opacity:.35;width:18px}.project-link{gap:10px}nav p{margin-top:8px;position:static}}.menu-backdrop{background:#101010;display:none;height:9.5vh;left:0;position:fixed;right:0;top:0;z-index:999}@media screen and (max-width:900px){.menu-backdrop{background:#0000;display:block}nav a svg,nav a:hover svg{opacity:0}}.distortion-container{height:100%;overflow:hidden;width:100%}.top-intro{display:block;height:550px;margin-left:15%;margin-right:0;max-width:85%;overflow:hidden;position:relative;width:85%;z-index:1}.top-intro-content{align-items:flex-start;animation:fadeIn .2s ease-in;color:#fff;display:flex;flex-direction:column;gap:20px;height:100%;left:0;padding-left:70px;pointer-events:none;position:absolute;text-align:left;top:70px;width:100%;z-index:100}.top-intro-content img{height:55px;width:55px}.top-intro h1{font-size:22px;font-weight:600;margin:15px 0 0}.top-intro p{color:#d9d9d9}.top-intro p,.top-intro p1{font-size:16px;font-weight:400;margin:0;padding:0}.top-intro p1{color:#fff}.top-intro p1 span{color:#fff;font-weight:600}.personal{gap:40px;margin-top:25px}.location,.personal,.time{display:flex;flex-direction:row}.location,.time{align-items:center;color:#ffffffc7;font-size:14px;font-weight:400}.personal svg{height:16px;margin-right:8px;width:16px}@media screen and (max-width:900px){.top-intro{height:540px;margin-left:0;max-width:100%;overflow:hidden;width:100%}.top-intro-content{animation:fadeIn .4s ease-in;max-width:100%;padding-left:25px;padding-right:25px;top:10vh}.top-intro p1{font-size:14px;max-width:100%;width:100%}.top-intro h1{font-size:20px;max-width:100%;width:100%}.top-intro p{font-size:14px;max-width:100%;width:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.projects{justify-content:center;margin-bottom:100px;margin-left:calc(15% + 30px);max-width:calc(85% - 30px);overflow:hidden;padding-left:30px;width:calc(85% - 30px)}.project,.projects{display:flex;flex-direction:column}.project{align-items:flex-start;box-shadow:0 8px 24px #0000002e,0 1.5px 6px #0000001f;gap:10px;justify-content:flex-start;margin:50px 10px 10px;transition:box-shadow .3s ease;vertical-align:top;width:95%}.project h1{color:#fff;font-size:18px;margin:0}.project p{color:#d9d9d9;font-size:14px;font-weight:400;margin:0;padding:0}.project img{border-radius:8px;height:auto;margin-top:15px;width:100%}@media screen and (max-width:900px){.projects{margin-left:0;padding-left:15px;padding-right:15px}.project,.projects{max-width:100%;width:100%}.project{gap:5px;margin-top:40px}.project img{height:auto;max-width:100%;width:calc(100% - 20px)}.project p{max-width:100%;width:100%}}body{background-color:#101010;font-family:Poppins,sans-serif}.App,body{overflow-x:hidden;width:100%}.App{min-height:100vh}
/*# sourceMappingURL=main.94478dfe.css.map*/