@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap);*{font-family:Quicksand,sans-serif}html{scroll-behavior:smooth}a{color:#fff;text-decoration:none;transition:color .3s ease,transform .3s ease}a:hover{color:#000;transform:scale(1.1)}body{align-items:center;background-color:#2c1580;background-image:radial-gradient(at 9% 89%,#006aff 0,#0000 50%),radial-gradient(at 72% 6%,#ff2600 0,#0000 50%),radial-gradient(at 24% 19%,#d31e07 0,#0000 50%),radial-gradient(at 65% 6%,#f30 0,#0000 50%),radial-gradient(at 20% 98%,#e90800 0,#0000 50%),radial-gradient(at 44% 9%,#ec1304 0,#0000 50%),radial-gradient(at 10% 9%,#00e1ff 0,#0000 50%);color:#fff;display:flex;flex-direction:column;justify-content:center;margin:0;min-height:100vh;overflow-x:hidden;position:relative}#isu{background:linear-gradient(90deg,red,#fe0);-webkit-background-clip:text}#isu,#opportunities{-webkit-text-fill-color:#0000}#opportunities{background:linear-gradient(90deg,#2d08ff,#ff2a2a);-webkit-background-clip:text}#name{-webkit-text-fill-color:#0000;animation:gradient-animation 5s infinite;background:linear-gradient(90deg,#0026ff,#03ffb3);-webkit-background-clip:text}.about-me,.container,.glass-container,.main,.nav-social-media,.who-am-i-content{opacity:0;transition:transform .3s ease-in-out}.slide-in-left{animation:slideInFromLeft .8s ease-in-out forwards}.slide-in-right{animation:slideInFromRight .8s ease-in-out forwards}.container{display:flex;justify-content:center}.glass-container{backdrop-filter:blur(11.6px);-webkit-backdrop-filter:blur(11.6px);background:#0000008f;border-radius:16px;box-shadow:0 4px 30px #0000001a;display:block;margin-bottom:30px;margin-top:10vh;max-width:60vw;padding:40px;transition:background .3s ease-in-out,box-shadow .3s ease-in-out}.glass-container:hover{background:#000000c2;box-shadow:0 8px 40px #0003}.name{display:inline-block;font-size:50px;font-weight:600;margin-bottom:50px;margin-top:-10px;transition:color .3s ease-in-out}.nav-social-media a{font-size:25px;margin:0 10px}.content{align-items:flex-start;display:flex;flex:1 1;justify-content:space-between;width:100%}.main{display:flex;display:inline-block;margin-top:10vh;padding:20px}.main h2{font-size:35px}.main p{display:inline-block;font-size:20px;line-height:23px;text-align:left}button{background-color:initial;border:1px solid #fff;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;height:40px;margin-top:10px;transition:all .3s ease;width:100%}button:hover{background-color:#2668db;border-color:#2668db}.image-wrapper{display:flex;margin-top:5vh;position:relative}.image-wrapper img{align-items:center;border-radius:16px;box-shadow:0 0 20px hsla(0,0%,100%,.993);display:flex;justify-content:center;max-width:500px;position:relative}.projects{align-items:flex-start;display:flex;flex:1 1;justify-content:space-between;width:100%}.projects-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:24px}.project-card{align-items:center;background:#ffffff1a;border:1.5px solid #c8c8c821;border-radius:18px;box-shadow:0 4px 24px #0000001f,0 1.5px 6px #00000014;display:flex;flex-direction:column;overflow:hidden;padding:32px 24px;position:relative;transition:transform .18s cubic-bezier(.4,2,.6,1),box-shadow .18s}.project-card:hover{background:#ffffff29;box-shadow:0 8px 32px #0000002e,0 2px 8px #0000001a;transform:translateY(-8px) scale(1.025)}.project-card h2{color:#fff;font-size:1.5rem;letter-spacing:.5px;margin-bottom:12px;margin-top:0;text-align:center}.project-card p{color:#fff;font-size:1.08rem;line-height:1.6;margin-bottom:18px;text-align:center}.project-card img{background:#fff;border-radius:10px;box-shadow:0 2px 12px #00000014;margin-bottom:0;margin-top:10px;max-width:85%;padding:8px;transition:box-shadow .18s}.project-card img:hover{box-shadow:0 6px 24px #00000029}.project-card:before{background:linear-gradient(90deg,#b30000,#fbb034);border-radius:18px 18px 0 0;content:"";display:block;height:5px;left:0;opacity:.18;position:absolute;right:0;top:0}.project-1{backdrop-filter:blur(11.6px);-webkit-backdrop-filter:blur(11.6px);background:#0303030d;border-radius:16px;box-shadow:0 0 30px hsla(0,2%,87%,.637);flex:1 1;margin-right:20px;padding:20px}.project-1 p{font-size:20px;line-height:32px;text-align:left}.project-1-img{align-items:center;display:flex;flex:1 1;justify-content:center;margin-bottom:30px;margin-right:20px;text-align:center}.project-1-img img{border-radius:10px;height:auto;margin:0 auto;max-width:100%}.project-2{backdrop-filter:blur(11.6px);-webkit-backdrop-filter:blur(11.6px);background:#0303030d;border-radius:16px;box-shadow:0 0 30px hsla(0,2%,87%,.637);flex:1 1;margin-left:20px;padding:20px}.project-2 p{font-size:20px;line-height:32px;text-align:left}.project-2-img{align-items:center;display:flex;flex:1 1;justify-content:center;margin-bottom:30px;margin-right:20px;text-align:center}.project-2-img img{border-radius:10px;height:auto;margin:0 auto;max-width:75%}.project-3{backdrop-filter:blur(11.6px);-webkit-backdrop-filter:blur(11.6px);background:#0303030d;border-radius:16px;box-shadow:0 0 30px hsla(0,2%,87%,.637);flex:1 1;margin-left:20px;padding:20px}.project-3 p{font-size:20px;line-height:32px;text-align:left}.project-3-img{align-items:center;display:flex;flex:1 1;justify-content:center;margin-bottom:30px;margin-right:20px;text-align:center}.project-3-img img{border-radius:10px;height:auto;margin:0 auto;max-width:75%}.project-4{backdrop-filter:blur(11.6px);-webkit-backdrop-filter:blur(11.6px);background:#0303030d;border-radius:16px;box-shadow:0 0 30px hsla(0,2%,87%,.637);flex:1 1;margin-left:20px;padding:20px}.project-4 p{font-size:20px;line-height:32px;text-align:left}.project-4-img{align-items:center;display:flex;flex:1 1;justify-content:center;margin-bottom:30px;margin-right:20px;text-align:center}.project-4-img img{border-radius:10px;height:auto;margin:0 auto;max-width:25%}.experience{align-items:flex-start;display:flex;flex:1 1;justify-content:space-between;width:100%}.experience-1{backdrop-filter:blur(11.6px);-webkit-backdrop-filter:blur(11.6px);background:#0303030d;border-radius:16px;box-shadow:0 0 30px hsla(0,2%,87%,.637);flex:1 1;margin-right:20px;padding:20px}.experience-1 p{font-size:20px;line-height:32px;text-align:left}.experience-1-img{align-items:center;display:flex;flex:1 1;justify-content:center;margin-bottom:30px;margin-right:20px;text-align:center}.experience-1-img img{border-radius:10px;height:auto;margin:0 auto;max-width:75%}.experience-2{backdrop-filter:blur(11.6px);-webkit-backdrop-filter:blur(11.6px);background:#0303030d;border-radius:16px;box-shadow:0 0 30px hsla(0,2%,87%,.637);flex:1 1;margin-right:20px;padding:20px}.experience-2 p{font-size:20px;line-height:32px;text-align:left}.experience-2-img{align-items:center;display:flex;flex:1 1;justify-content:center;margin-bottom:30px;margin-right:20px;text-align:center}.experience-2-img img{border-radius:10px;height:auto;margin:0 auto;max-width:75%}.who-am-i-content{align-items:flex-start;display:flex;flex:1 1;justify-content:space-between;width:100%}.who-am-i{backdrop-filter:blur(11.6px);-webkit-backdrop-filter:blur(11.6px);background:#0303030d;border-radius:16px;box-shadow:0 0 30px hsla(0,2%,87%,.637);flex:1 1;padding:20px}.who-am-i p{font-size:20px;line-height:32px;text-align:left}.cyclone-img{align-items:center;display:flex;flex:1 1;justify-content:center;margin-bottom:30px;margin-right:20px;text-align:center}.cyclone-img img{border-radius:10px;height:auto;margin:0 auto;max-width:75%}.about-me-container{align-items:flex-start;display:flex;flex:1 1;justify-content:space-between;width:100%}.about-me{backdrop-filter:blur(11.6px);-webkit-backdrop-filter:blur(11.6px);background:#0303030d;border-radius:16px;box-shadow:0 0 30px hsla(0,2%,87%,.637);flex:1 1;margin-top:150px;padding:20px}.about-me p{font-size:20px;line-height:32px;text-align:left}.portrait{align-items:right;display:flex;flex:1 1;justify-content:right;margin-bottom:30px;margin-top:20px;text-align:right}.portrait img{border-radius:10px;box-shadow:0 0 20px hsla(0,0%,100%,.432);height:auto;margin:0 auto;max-width:50%}footer{font-size:24px;padding:10px;text-align:center}.social-media{display:flex;justify-content:center;margin-top:20px}.social-media a{margin:0 10px}@media screen and (max-width:1075px){.content{flex-direction:column}}@media screen and (max-width:720px){.logo{font-size:22px}li.nav-link{font-size:13px}.main h2{font-size:28px}.main p{font-size:15px}button{font-size:13px}.image-wrapper img{max-width:400px}}@keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}
/*# sourceMappingURL=main.66fb4fa4.css.map*/