*{margin:0;padding:0;user-select:none}#root{margin:0;padding:0}@media (min-width: 1440px){::-webkit-scrollbar{height:0}::-webkit-scrollbar-track{background-color:#d9d9d9;border-radius:100vw;margin-block:.5em}::-webkit-scrollbar-thumb{background-color:#111089;border:1px solid #d9d9d9;border-radius:100vw}::-webkit-scrollbar-thumb:hover{background-color:#1b1be4}}.hero{width:100%;position:relative}.hero .hero-section{border:1px solid #1b1b1b;border-radius:10px;display:flex;width:90%;margin:0 auto}.hero #hero{height:657px}.hero .circle1{height:319px;width:319px;border-radius:50%;position:absolute;left:275px;top:25px;z-index:-1}.hero .circle2{height:336px;width:336px;border-radius:50%;position:absolute;left:710px;bottom:-160px}.hero .circle1,.hero .circle2{background-image:url(https://res.cloudinary.com/dxnta6ljp/image/upload/f_auto,q_auto/v1/Portfolio/lvtubkdyrnuklmd9nxse);background-color:#111089;background-blend-mode:soft-light}.hero .hero-section .hero-left{width:100%;margin:0 0 0 200px;display:flex}.hero .hero-section .hero-right{display:flex;flex-direction:column;width:100%;padding-top:50px}.hero .hero-section .hero-right p{font-size:56px}.hero .hero-section .hero-right p span{font-size:96px}#btnResume{text-decoration:none;border:none;border-radius:5px;background-color:#111089;color:#f3f3f3;font-size:24px;width:100%;max-width:150px;padding:10px;margin:30px 0 0;cursor:pointer;display:flex;align-items:center}#btnResume:hover{background-color:#101089bf}#btnResume #resume-text{text-align:center;width:100%}#btnResume #resume-svg{display:flex;align-items:center}#btnResume #resume-svg svg{height:30px;width:30px}@media (max-width: 1024px){.hero{width:100%}.hero .hero-section{flex-direction:column-reverse;border-radius:5px}.hero #hero{height:360px}.hero .circle1{left:0;right:0;margin:0 auto}.hero .circle2{display:none}.hero .hero-section .hero-left{position:relative;width:auto;margin:0;display:flex;justify-content:center;align-items:center}.hero .hero-section .hero-right{text-align:center;flex-direction:column;align-items:center;width:90%;padding:20px}.hero .hero-section .hero-right p{padding-top:0;font-size:24px}.hero .hero-section .hero-right p span{font-size:36px;font-weight:600}#btnResume{height:24px}}.works{width:100%;height:100vh;margin:50px 0;display:flex;flex-direction:column;align-items:center;position:relative}.works-header{width:90%;margin-top:75px;margin-left:100px}.works-header span{font-size:64px;font-weight:600}.works-header p{font-size:36px}.works-content{width:100%;display:flex;column-gap:50px;justify-content:center;border:1px solid #000;border-radius:10px;padding:0 0 25px;margin-top:25px}.tech-icons{display:flex;justify-content:center;padding-top:25px}.tech-icons span svg{height:50px;width:50px;padding:0 25px}.works-content{width:90%;display:flex}.work-card{width:30%}.work-card-body{border:1px solid black;border-radius:10px;background-color:#d9d9d9;display:flex;flex-direction:column;align-items:center;padding:20px}.work-card-body:hover{cursor:pointer;box-shadow:0 0 50px #ccc}.work-card p{font-size:24px;text-align:center;padding:25px}.work-card-body .work-cover{width:100%;border-radius:5px;border:1px solid #858383}.action-buttons{width:100%;margin-top:20px;display:flex;column-gap:10px}.action-buttons a{text-align:center;text-decoration:none;color:#000;font-size:24px;width:50%;background-color:#d9d9d9;border:1px solid #000;border-radius:5px;cursor:pointer}.action-buttons a:hover{background-color:#969494}.works-controls{margin-top:25px;display:flex;column-gap:25px}.works-controls button{font-size:24px;padding:8px 12px;color:#f3f3f3;background-color:#111089;border:none;border-radius:5px;cursor:pointer}@media (max-width: 1024px){.works{margin:50px 0;height:auto}.works-header{margin:50px 0 0}.works-header span{font-size:48px;font-weight:600}.works-header p{font-size:24px}.works-content{display:flex;flex-direction:column;row-gap:25px;align-items:center;padding:10px}.tech-icons span svg{height:50px;width:50px;padding:0 25px}.works-content{width:90%;display:flex}.work-card{width:100%}.work-card-body{border:1px solid black;border-radius:10px;background-color:#d9d9d9;display:flex;flex-direction:column;align-items:center;padding:20px}.work-card-body:hover{cursor:pointer;box-shadow:0 0 50px #ccc}.work-card p{font-size:24px;text-align:center;padding:25px}.work-card-body .work-cover{width:100%;border-radius:5px;border:1px solid #858383}.action-buttons{width:100%;margin-top:20px;display:flex;column-gap:10px}.action-buttons a{text-align:center;text-decoration:none;color:#000;font-size:24px;width:50%;background-color:#d9d9d9;border:1px solid #000;border-radius:5px;cursor:pointer}.action-buttons a:hover{background-color:#969494}.works-controls{margin-top:25px;display:flex;column-gap:25px}.works-controls button{font-size:24px;padding:8px 12px;color:#f3f3f3;background-color:#111089;border:none;border-radius:5px;cursor:pointer}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;user-select:none;overflow:hidden;z-index:1}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.card-skeleton{width:30%}.cs-title,.cs-body{text-align:center}.cs-icons{display:flex;justify-content:center}.cs-action-buttons{width:100%;display:flex;justify-content:center}.about{display:flex;flex-direction:column;position:relative;overflow-wrap:normal}.about-container{display:flex;width:90%;margin:auto;border:1px solid #000;border-radius:10px;padding:100px 0}.about-container section{width:100vw}.about-content{padding-left:100px}.about .circle1,.about .circle2{background-image:url(https://res.cloudinary.com/dxnta6ljp/image/upload/f_auto,q_auto/v1/Portfolio/lvtubkdyrnuklmd9nxse);background-color:#111089;background-blend-mode:soft-light}.about .circle1{height:1164px;width:1164px;border-radius:50%;position:absolute;left:-150px;top:-150px;z-index:-1}.about .circle2{height:333px;width:333px;border-radius:50%;position:absolute;right:500px;bottom:-180px}.about-side{width:40%;display:flex;flex-direction:column;justify-content:flex-end}.about-side .arrow-right{position:absolute;top:-100px;right:100px}.about-side .arrow-right svg{height:200px}.about-side .blockchain{position:absolute;top:150px;right:0}.about-side .blockchain img{height:510px;width:auto}.about-content h1{font-size:64px;font-weight:600;width:fit-content}.about-content p{font-size:36px;width:90%;text-align:justify}.about-ojt-dost{border:solid 1px #000;margin-left:100px;width:90vw}.about-ojt-dost .title h1{font-size:64px;text-align:center;padding:25px}.about-ojt-dost .contents{display:flex;justify-content:center}.about-ojt-dost .title-div{width:615px;padding:50px}.about-ojt-dost .title-div p{font-size:36px}.about-ojt-dost .contents img{padding-top:50px;width:761px;height:auto}.about .technologies-section{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:100%}.technologies-section .technologies-header{width:100%}.technologies-section .technologies-header h1{text-align:center;font-size:64px;padding:75px 0;margin-top:100px}.technologies-section .technologies-content{width:100%;height:20%;text-align:center;font-size:48px}.technologies-section .tech-div{background-image:url(https://res.cloudinary.com/dxnta6ljp/image/upload/f_auto,q_auto/v1/Portfolio/lvtubkdyrnuklmd9nxse);background-color:#111089;background-blend-mode:soft-light;height:100px;display:flex;justify-content:space-around;align-items:center;column-gap:24px;padding:24px;margin:24px 0 64px;color:#f3f3f3;cursor:pointer}.technologies-section .tech-div span svg{height:90px;width:auto}.technologies-section .tech-div span svg path{fill:#f3f3f3}@media (min-width: 1025px){@keyframes slide{0%{transform:translate(0)}to{transform:translate(-100%)}}.technologies-section .tech-div{position:relative;overflow:hidden;white-space:nowrap}.tech-div:before,.tech-div:after{position:absolute;top:0;width:100px;height:100%;content:"";z-index:2}.tech-div:before{left:0;background:linear-gradient(to left,rgba(255,255,255,0),#111089)}.tech-div:after{right:0;background:linear-gradient(to right,rgba(255,255,255,0),#111089)}.tech-div:hover .logos-slide{animation-play-state:paused}.technologies-section .logos-slide{display:inline-block;animation:35s slide infinite linear}.technologies-section .tech-div span svg{margin:0 40px}}@media (max-width: 1024px){.about{flex-direction:column;width:100%}.about-container{display:flex;flex-direction:column;width:100%;padding:0;margin:0;border:none}.about-container section{width:100%}.about-content{width:100%;margin:auto;padding:25px 0;text-align:justify;height:auto;display:flex;flex-direction:column;align-items:center}.about .circle1,.about .circle2,.about .about-side{display:none}.about-content h1{font-size:48px;font-weight:600;text-align:left;width:75%;margin-bottom:25px}.about-content p{font-size:24px;width:75%;text-align:left}.about-ojt-dost{border:solid 1px #000;margin:10px auto;width:95%}.about-ojt-dost .title h1{font-size:36px;text-align:center;padding:25px;margin:25px}.about-ojt-dost .contents{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center}.about-ojt-dost .title-div{width:300px;padding:50px}.about-ojt-dost .title-div p{font-size:24px;text-align:justify}.about-ojt-dost .contents img{padding-top:0;width:300px;height:auto;border:1px solid hsl(0,0%,30%)}.about .technologies-section{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:auto;width:100%}.technologies-section .technologies-header{width:100%;margin:0}.technologies-section .technologies-header h1{text-align:center;font-size:36px;margin:50px 0;padding:25px 0}.technologies-section .technologies-content{width:100%;height:20%;text-align:center;font-size:32px}.technologies-section .tech-div{min-height:1080px;height:auto;width:auto;display:flex;flex-direction:column}.technologies-section .logos-slide{display:flex;flex-direction:column;gap:24px}}.contact{width:100%;background-image:url(https://res.cloudinary.com/dxnta6ljp/image/upload/f_auto,q_auto/v1/Portfolio/lvtubkdyrnuklmd9nxse);background-color:#111089;background-blend-mode:soft-light}.contact .title{font-size:24px;padding:24px;color:#f3f3f3;text-align:center}.contact .main-content{display:flex;width:100%;column-gap:64px;justify-content:center;padding:0 0 64px}.contact .main-content .content{display:flex;flex-direction:column}.contact .main-content .content .contact-data{display:flex;justify-content:flex-start;align-items:center;column-gap:24px;padding:12px 24px;border-radius:10px;text-decoration:none;color:#f3f3f3;text-align:center}.contact .main-content .content .contact-data:hover{background-color:#4444c7;cursor:pointer}.contact .main-content .content .contact-data svg{height:64px;width:auto}.contact .main-content .content .contact-data svg path{fill:#f3f3f3}.contact .main-content .logo-div img{height:350px;width:auto}.contact .copyright-text{color:#f3f3f3;text-align:center;font-size:x-large;padding-bottom:3rem}@media (max-width: 1024px){.contact .title{font-size:24px;padding:24px;color:#f3f3f3;text-align:center}.contact .main-content{flex-direction:column-reverse;width:100%;row-gap:64px;align-items:center;padding:0 0 64px}.contact .main-content .content{display:flex;flex-direction:column}.contact .main-content .content .contact-data{display:flex;justify-content:flex-start;align-items:center;column-gap:18px;padding:12px 18px;border-radius:5px;font-size:12px;text-align:center}.contact .main-content .logo-div img{height:200px}}.viewWork{margin:0;padding:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.viewWork .main-content{width:60%;display:flex;flex-direction:column;align-items:center}.viewWork .header{width:100%}.viewWork .content{display:flex;flex-direction:column;align-items:center;margin:30px 0}.viewWork .content .description{width:100%;font-size:24px;text-align:justify;margin:0 0 25px}.viewWork .content .screenshots{width:100%}.viewWork .content .screenshots .title{margin:0 0 30px}.viewWork .content .screenshots .title p{font-size:24px;font-weight:600}.viewWork .content .screenshots .screenshot-slider{display:flex}.viewWork .content .screenshots .screenshot-slider .images{aspect-ratio:16/9;flex-shrink:0;background:#D9D9D9;border-radius:10px;display:flex;justify-content:center;padding:24px}.viewWork .content .screenshots .screenshot-slider .images img{width:900px;height:auto;border-radius:5px;border:1px solid #858383}.viewWork .content .screenshots .screenshot-slider .slider-control{display:flex;align-items:center;padding:0 10px;border:none;background:none}.viewWork .content .screenshots .screenshot-slider .slider-control svg path:hover{fill:#969494;cursor:pointer}@media (max-width: 1024px){.viewWork .main-content,.viewWork .header{width:90%}.viewWork .content{display:flex;flex-direction:column;align-items:center;margin:30px 0}.viewWork .content .description{width:90%;font-size:24px;text-align:justify;margin:0 0 25px}.viewWork .content .screenshots{width:100%}.viewWork .content .screenshots .title{margin:0 0 30px}.viewWork .content .screenshots .title p{font-size:24px;font-weight:600}.viewWork .content .screenshots .screenshot-slider{display:flex;flex-direction:column}.viewWork .content .screenshots .screenshot-slider .images{padding:10px}.viewWork .content .screenshots .screenshot-slider .images img{width:300px}.buttons-div{display:flex;width:100%;justify-content:center}.viewWork .content .screenshots .screenshot-slider .slider-control{padding:25px}.viewWork .content .screenshots .screenshot-slider .slider-control svg{height:70px;width:70px}}.navbar{height:150px;display:flex;flex-direction:row;padding:0 90px}.navbar span #nav-logo{height:130px;cursor:pointer;margin-top:10px}.navbar .navbar-nav{width:100%;list-style:none;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.navbar .navbar-nav li a{text-decoration:none;font-size:xx-large;padding:0 20px;border:1px solid #1B1B1B;border-radius:5px;color:#1b1b1b;margin:0 10px}.navbar .navbar-nav li a:hover{background-color:#c5c5c5}.menu-icon{height:36px;width:36px;display:none;justify-content:center;align-items:center;cursor:pointer;border-radius:5px}.menu-icon svg{height:36px;width:36px}@media (max-width: 1024px){.home{position:relative}.navbar{height:100px;width:90%;padding:0 20px;align-items:center;justify-content:space-between}.navbar span #nav-logo{height:70px;margin-top:0}.navbar .navbar-nav{display:none}.navbar span{z-index:2}.navbar .navbar-nav-mobile{position:absolute;left:0;top:0;background-color:#111089;height:100%;width:100%;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:20px}.navbar .navbar-nav-mobile li{list-style:none;border:1px solid white;width:75%;padding:10px 0;cursor:pointer;text-align:center}.navbar .navbar-nav-mobile li a{color:#f3f3f3;text-decoration:none;font-size:24px}.menu-icon{display:flex}}.scroll-to-top{position:fixed;bottom:20px;right:20px;display:none;cursor:pointer;z-index:3;padding:10px;background-color:#f3f3f3;border:#111089 solid 1px;border-radius:5px}.scroll-to-top.show{display:block}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-VariableFont_wght-a4fe82b4.ttf) format("truetype")}:root{font-family:Montserrat,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.montserrat-text{font-family:Montserrat,sans-serif}