body{background-color:#15202b;background-position:50%;background-size:cover;color:#fff;margin:0;padding:0}body::-webkit-scrollbar{display:none}.desktop h2{font-size:48px}.desktop p{font-family:Arial,Helvetica,sans-serif;font-size:18px}.desktop code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.tablet h2{font-size:24px}.tablet p{font-family:Arial,Helvetica,sans-serif;font-size:8px}.tablet code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.desktop .header{background-color:silver;height:70px;left:0;position:fixed;top:0;width:100%;z-index:9999}.desktop .header-nav{display:flex;justify-content:flex-end}.desktop .nav-wrapper{display:flex;height:100%;margin:0 auto;max-width:1440px;position:relative}.desktop .nav-wrapper img{margin:0 300px 0 0}.desktop .header-nav ul{display:flex;font-family:inherit;font-size:20px;height:70px;list-style:none;margin:0;padding:0;top:0;width:720px}.desktop .header-nav li{display:flex;width:100%}.desktop .header-nav li,.desktop .header-nav li:hover{align-items:center;justify-content:center;text-align:center}.desktop .header-nav li:hover{background-color:#8adda6;color:#fff;opacity:1;transition:opacity .3s ease}.desktop .header-nav li.active{background-color:#8adda6;font-weight:700}.desktop .nav-wrapper img{height:75px;position:relative;top:0;width:75px}.tablet .header{background-color:silver;height:110px;left:0;position:fixed;top:0;width:100%;z-index:9999}.tablet .header-nav{display:flex;justify-content:flex-end}.tablet .nav-wrapper{display:flex;height:100%;margin:0 auto;max-width:1440px;position:relative}.tablet .nav-wrapper img{margin:0 400px 0 0}.tablet .header-nav ul{display:flex;font-family:inherit;font-size:20px;height:110px;list-style:none;margin:0;padding:0;top:0;width:720px}.tablet .header-nav li{display:flex;width:100%}.tablet .header-nav li,.tablet .header-nav li:hover{align-items:center;justify-content:center;text-align:center}.tablet .header-nav li:hover{background-color:#8adda6;color:#fff;opacity:1;transition:opacity .3s ease}.tablet .header-nav li.active{background-color:#8adda6;font-weight:700}.tablet .nav-wrapper img{height:10%;position:relative;top:0;width:10%}.top{font-family:sans-serif;height:100vh;text-align:center}.desktop .myinfo-flex{align-items:flex-start;display:flex;justify-content:center;margin-top:40px}.desktop .my-detail{align-content:center;display:grid;justify-content:center;max-height:400px;max-width:500px;text-align:center}.desktop .option-name{font-family:Arial,Helvetica,sans-serif;font-size:24px}.desktop .option-history{margin:0;text-align:left;white-space:pre-wrap}.desktop .my-image{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}.desktop .my-image img{align-items:flex-end;height:60%;object-fit:contain;width:60%}.tablet .my-info{margin:0 auto}.tablet .my-detail,.tablet .myinfo-flex{display:flex;justify-content:center}.tablet .my-detail{align-content:center;flex-direction:column;flex-wrap:wrap;height:200px;margin:60px 0 0}.tablet .option-name{font-family:Arial,Helvetica,sans-serif;font-size:24px}.tablet .option-history{text-align:left;white-space:pre-wrap}.tablet .my-image img{height:75%;object-fit:contain;width:75%}.image-gallery-icon{-webkit-appearance:none;appearance:none;background-color:#0000;border:0;color:#fff;cursor:pointer;filter:drop-shadow(0 2px 2px rgb(25.5,25.5,25.5));outline:none;position:absolute;transition:all .3s ease-out;z-index:4}@media(hover:hover)and (pointer:fine){.image-gallery-icon:hover{color:#337ab7}.image-gallery-icon:hover .image-gallery-svg{transform:scale(1.1)}}.image-gallery-icon:focus{outline:2px solid #337ab7}.image-gallery-using-mouse .image-gallery-icon:focus{outline:none}.image-gallery-fullscreen-button,.image-gallery-play-button{bottom:0;padding:20px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:28px;width:28px}@media(max-width:768px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:15px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:24px;width:24px}}@media(max-width:480px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:10px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:16px;width:16px}}.image-gallery-fullscreen-button{right:0}.image-gallery-play-button{left:0}.image-gallery-bottom-nav,.image-gallery-top-nav{left:50%;padding:10px;transform:translateX(-50%)}.image-gallery-bottom-nav .image-gallery-svg,.image-gallery-top-nav .image-gallery-svg{height:120px;width:90px}@media(max-width:768px){.image-gallery-bottom-nav .image-gallery-svg,.image-gallery-top-nav .image-gallery-svg{height:72px;width:48px}}@media(max-width:480px){.image-gallery-bottom-nav .image-gallery-svg,.image-gallery-top-nav .image-gallery-svg{height:48px;width:36px}}.image-gallery-bottom-nav[disabled],.image-gallery-top-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-top-nav{top:0}.image-gallery-bottom-nav{bottom:0}.image-gallery-left-nav,.image-gallery-right-nav{padding:50px 10px;top:50%;transform:translateY(-50%)}.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:120px;width:60px}@media(max-width:768px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:72px;width:36px}}@media(max-width:480px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:48px;width:24px}}.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-left-nav{left:0}.image-gallery-right-nav{right:0}.image-gallery{-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-user-select:none;-o-user-select:none;user-select:none}.image-gallery.fullscreen-modal{background:#000;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:5}.image-gallery.fullscreen-modal .image-gallery-content{top:50%;transform:translateY(-50%)}.image-gallery-content{line-height:0;position:relative;top:0}.image-gallery-content.fullscreen{background:#000}.image-gallery-content .image-gallery-slide .image-gallery-image{max-height:calc(100vh - 80px)}.image-gallery-content.image-gallery-thumbnails-left .image-gallery-slide .image-gallery-image,.image-gallery-content.image-gallery-thumbnails-right .image-gallery-slide .image-gallery-image{max-height:100vh}.image-gallery-slide-wrapper{position:relative}.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{display:inline-block;width:calc(100% - 110px)}@media(max-width:768px){.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{width:calc(100% - 87px)}}.image-gallery-slide-wrapper.image-gallery-rtl{direction:rtl}.image-gallery-slides{line-height:0;overflow:hidden;position:relative;text-align:center;touch-action:none;white-space:nowrap}.image-gallery-slide{left:0;position:absolute;top:0;width:100%}.image-gallery-slide.image-gallery-center{position:relative}.image-gallery-slide .image-gallery-image{object-fit:contain;width:100%}.image-gallery-slide .image-gallery-description{background:#0006;bottom:70px;color:#fff;left:0;line-height:1;padding:10px 20px;position:absolute;white-space:normal}@media(max-width:768px){.image-gallery-slide .image-gallery-description{bottom:45px;font-size:.8em;padding:8px 15px}}.image-gallery-bullets{bottom:20px;left:0;margin:0 auto;position:absolute;right:0;width:80%;z-index:4}.image-gallery-bullets .image-gallery-bullets-container{margin:0;padding:0;text-align:center}.image-gallery-bullets .image-gallery-bullet{-webkit-appearance:none;appearance:none;background-color:#0000;border:1px solid #fff;border-radius:50%;box-shadow:0 2px 2px #1a1a1a;cursor:pointer;display:inline-block;margin:0 5px;outline:none;padding:5px;transition:all .2s ease-out}@media(max-width:768px){.image-gallery-bullets .image-gallery-bullet{margin:0 3px;padding:3px}}@media(max-width:480px){.image-gallery-bullets .image-gallery-bullet{padding:2.7px}}.image-gallery-bullets .image-gallery-bullet:focus{background:#337ab7;border:1px solid #337ab7;transform:scale(1.2)}.image-gallery-bullets .image-gallery-bullet.active{background:#fff;border:1px solid #fff;transform:scale(1.2)}@media(hover:hover)and (pointer:fine){.image-gallery-bullets .image-gallery-bullet:hover{background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active:hover{background:#337ab7}}.image-gallery-bullets.image-gallery-bullets-vertical{bottom:auto;left:20px;right:auto;top:50%;transform:translateY(-50%);width:auto}.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{display:block;margin:12px 0}@media(max-width:768px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{margin:6px 0;padding:3px}}@media(max-width:480px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{padding:2.7px}}.image-gallery-thumbnails-wrapper{position:relative}.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{touch-action:pan-y}.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{touch-action:pan-x}.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{direction:rtl}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{display:inline-block;vertical-align:top;width:100px}@media(max-width:768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{width:81px}}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails{height:100%;left:0;padding:0;position:absolute;top:0;width:100%}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail{display:block;margin-right:0;padding:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:0;margin-top:2px}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 5px}@media(max-width:768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 3px}}.image-gallery-thumbnails{overflow:hidden;padding:5px 0}@media(max-width:768px){.image-gallery-thumbnails{padding:3px 0}}.image-gallery-thumbnails .image-gallery-thumbnails-container{cursor:pointer;text-align:center;white-space:nowrap}.image-gallery-thumbnail{background:#0000;border:4px solid #0000;display:inline-block;padding:0;transition:border .3s ease-out;width:100px}@media(max-width:768px){.image-gallery-thumbnail{border:3px solid #0000;width:81px}}.image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:2px}.image-gallery-thumbnail .image-gallery-thumbnail-inner{display:block;position:relative}.image-gallery-thumbnail .image-gallery-thumbnail-image{line-height:0;vertical-align:middle;width:100%}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:4px solid #337ab7;outline:none}@media(max-width:768px){.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:3px solid #337ab7}}@media(hover:hover)and (pointer:fine){.image-gallery-thumbnail:hover{border:4px solid #337ab7;outline:none}}@media(hover:hover)and (pointer:fine)and (max-width:768px){.image-gallery-thumbnail:hover{border:3px solid #337ab7}}.image-gallery-thumbnail-label{box-sizing:border-box;color:#fff;font-size:1em;left:0;line-height:1em;padding:5%;position:absolute;text-shadow:0 2px 2px #1a1a1a;top:50%;transform:translateY(-50%);white-space:normal;width:100%}@media(max-width:768px){.image-gallery-thumbnail-label{font-size:.8em;line-height:.8em}}.image-gallery-index{background:#0006;color:#fff;line-height:1;padding:10px 20px;position:absolute;right:0;top:0;z-index:4}@media(max-width:768px){.image-gallery-index{font-size:.8em;padding:5px 10px}}.desktop .project-list{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,minmax(300px,1fr));justify-content:center;max-height:1080px}.desktop .image-container{height:200px;overflow:hidden;position:relative;width:4fr}.desktop .image-container img{height:100%;object-fit:cover;width:100%}.desktop .image-container .overlay{align-items:center;background-color:#0006;color:#fff;display:flex;font-size:24px;height:100%;justify-content:center;left:0;opacity:0;position:absolute;text-align:center;top:0;transition:all .2s ease;width:100%}.desktop .image-container:hover .overlay{opacity:1}.desktop .image-gallery-slide img{height:300px;object-fit:cover;width:100%}.desktop .show-more{background:#27acd9;border-bottom:7px solid #0686b2;border-radius:.3rem;color:#fff;display:block;font-weight:700;margin:30px auto auto;padding:1rem 4rem;text-align:center;text-decoration:none}.desktop .show-more:hover{border-bottom:1px solid #d1d5db;color:#fff;margin-top:36px}.tablet .projects{margin-top:60px}.tablet .project-list{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,minmax(400px,1fr));justify-content:center}.tablet .image-container{height:300px;overflow:hidden;position:relative;width:3fr}.tablet .image-container img{height:100%;object-fit:cover;object-fit:fill;width:100%}.tablet .image-container .overlay{align-items:center;background-color:#0006;color:#fff;display:flex;font-size:32px;height:100%;justify-content:center;left:0;opacity:0;position:absolute;text-align:center;top:0;transition:all .2s ease;white-space:pre-wrap;width:100%}.tablet .image-container:hover .overlay{opacity:1}.tablet .image-gallery-slide img{height:300px;object-fit:cover;width:100%}.tablet .title_and_detail p{white-space:pre-wrap}.desktop .modal{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 3px 6px 3px #6b6b6b1a;color:#201f20;display:flex;flex-direction:column;height:500px;justify-content:center;left:50%;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);width:1080px;z-index:100}.desktop .view{display:grid;grid-template-areas:"a c" "b c";grid-template-columns:1fr 1fr;grid-template-rows:auto auto;height:100%;width:1080px}.desktop .title_and_detail{position:relative}.desktop .github_link{bottom:0;left:60px;position:absolute}.desktop .github_link img{height:32px;width:32px}.desktop .title_and_detail h2,.desktop .tools h2{border-bottom:2px solid grey;margin-left:32px;max-width:75%;padding-bottom:10px}.desktop .tools img{align-items:center;margin:0 32px 0 0}.desktop .view h2{font-size:24px}.desktop .view p{text-wrap:balance;font-size:12px;max-width:500px;overflow:break-word}.desktop .title_and_detail{grid-area:a}.desktop .tools{grid-area:b}.desktop .areac{align-self:center;grid-area:c;padding-left:20px}.desktop .image-gallery-slide .image-gallery-image{height:250px;width:400px}.desktop .image-gallery-icon{color:#ffffff9e}.desktop .image-gallery-icon:hover{color:#659ad2}.tablet .modal{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 3px 6px 3px #6b6b6b1a;color:#201f20;display:flex;flex-direction:column;height:720px;justify-content:center;left:50%;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);width:1500px}.tablet .view{display:grid;grid-template-areas:"a c" "b c";grid-template-columns:1fr 1fr;grid-template-rows:auto auto;height:100%;width:1500px}.tablet .title_and_detail h2,.tablet .tools h2{border-bottom:2px solid grey;margin-left:32px;max-width:75%;padding-bottom:10px}.tablet .tools img{align-items:center;margin:0 auto}.tablet .view h2{font-size:32px}.tablet .view p{font-size:20px;overflow:break-word}.tablet .title_and_detail{grid-area:a;vertical-align:top}.tablet .tools{grid-area:b}.tablet .areac{align-self:center;grid-area:c;padding-left:20px}.tablet .image-gallery-slide .image-gallery-image{height:50%}.desktop .input{display:grid;justify-content:center}.desktop .contact{position:relative}.desktop .contact label{display:block;position:relative}.desktop .content label{color:#fff;font-size:30px;left:0;top:0}.desktop .content input{height:40px;margin-bottom:8px}.desktop .content input,.desktop .content textarea{box-sizing:border-box;font-size:18px;padding:8px 12px;width:400px}.desktop .content textarea{height:120px;resize:vertical}.desktop .text-box{margin:30px 0 0}.desktop .text-box label{border-bottom:1px solid #d1d5db;font-size:30px;margin:0 30px}.desktop .text-box textarea{border:none;outline:0}.desktop .contact button{background:#27acd9;border-bottom:7px solid #0686b2;border-radius:.3rem;color:#fff;display:block;font-weight:700;margin:auto;padding:1rem 4rem;text-align:center;text-decoration:none}.desktop .contact button:hover{border-bottom:1px solid #d1d5db;color:#fff;margin-top:6px}.desktop .hidden{opacity:0;transition:opacity 1s ease-out}.desktop .fade-in{align-items:center;display:flex;flex-direction:column;justify-content:center;max-height:300px;opacity:1;transition:opacity 1s ease-in;width:100%}.desktop #send_message{display:block;height:auto;margin:0 auto 16px;position:static;width:25%}.tablet .contactMe{margin-top:60px}.tablet .input{display:grid;justify-content:center}.tablet .contact{position:relative}.tablet .contact label{display:block;position:relative}.tablet .content label{color:#fff;font-size:30px;left:0;top:0}.tablet .content input{height:40px;margin-bottom:8px}.tablet .content input,.tablet .content textarea{box-sizing:border-box;font-size:18px;padding:8px 12px;width:400px}.tablet .content textarea{height:120px;resize:vertical}.tablet .text-box{margin:30px 0 0}.tablet .text-box label{border-bottom:1px solid #d1d5db;font-size:30px;margin:0 30px}.tablet .text-box textarea{border:none;outline:0}.tablet button{background:#27acd9;border-bottom:7px solid #0686b2;border-radius:.3rem;color:#fff;display:block;font-weight:700;margin:auto;padding:1rem 4rem;text-align:center;text-decoration:none}.tablet button:hover{border-bottom:1px solid #d1d5db;color:#fff;margin-top:6px}.tablet .hidden{opacity:0;transition:opacity 1s ease-out}.tablet .fade-in{align-items:center;display:flex;flex-direction:column;justify-content:center;max-height:300px;opacity:1;transition:opacity 1s ease-in;width:100%}.tablet #send_message{display:block;height:auto;margin:0 auto 16px;position:static;width:25%}.desktop .skill-description{margin-bottom:20px}.desktop .skill-box{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,minmax(300px,1fr));justify-content:center;list-style:none;padding-inline-start:0}.desktop .less-than-one-year,.desktop .one-to-three-years,.desktop .three-years-plus{border:2px solid;border-radius:4px;height:1fr;margin:1.8em 1em;padding:5px 15px;position:relative;width:3fr}.desktop .less-than-one-year img,.desktop .one-to-three-years img,.desktop .three-years-plus img{height:auto;margin-top:1.8em;width:75%}.desktop .skill-title{background-color:#15202b;font-family:Arial,Helvetica,sans-serif;font-size:24px;font-weight:700;position:absolute;top:-40px}.tablet .skills{margin:0 auto}.tablet .skill-description{margin-bottom:20px}.tablet .less-than-one-year,.tablet .one-to-three-years,.tablet .three-years-plus{border:2px solid;border-radius:4px;margin:1.8em 1em;padding:5px 15px;position:relative;width:400px}.tablet .less-than-one-year img,.tablet .one-to-three-years img,.tablet .three-years-plus img{height:auto;margin-top:1.8em;width:75%}.tablet .skill-title{background-color:#000035;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;position:absolute;top:-24px}.tablet .skill-box{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;list-style:none}.desktop .main{height:auto;margin-top:-80px;padding:80px 100px 0;scroll-snap-type:y proximity;text-align:center}.desktop section{display:flex;flex-direction:column;height:auto;justify-content:center;margin:40px 0;padding:40px 0;scroll-snap-align:center}.tablet .main{height:100vh;margin-top:-80px;max-width:50%;overflow:auto;padding:80px 100px 0;scroll-snap-type:y proximity;text-align:center}.tablet section{display:flex;flex-direction:column;height:100vh;justify-content:center;max-width:50%;scroll-snap-align:center}
/*# sourceMappingURL=main.63d0671d.css.map*/