@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";.icons{margin-right:20px;color:var(--textcolor);transition:color .3s ease;cursor:pointer;position:relative;font-size:.9rem;top:1vw;right:2vw}.icons:hover{color:var(--nice-color)}.container{max-width:300px;display:inline-flex;padding:4px 12px;position:relative;left:90vw;margin-top:12px;border:2px solid var(--nice-color)}.Resume{width:80px;height:35px;border:none;outline:none;transition:ease-out .3s;cursor:pointer;font-size:1.5rem;color:var(--nice-color);z-index:1;background-color:var(--nav-dark);font-weight:400}.Resume:hover{color:#fff}.Resume:before{transition:.5 all ease;position:absolute;top:0;left:50%;right:50%;bottom:0;opacity:0;content:"";background-color:var(--nice-color)}.Resume:hover:before{transition:.5s all ease;left:0;right:0;opacity:1;z-index:-1}.nav-links-ul{height:100vh;width:60px;position:fixed;top:0;left:0;background-color:var(--nav-color);list-style:none;transition:transform .3s ease;display:flex;flex-direction:column}.nav-links-li{padding:10px;margin-top:10px;margin-bottom:10px;writing-mode:vertical-lr;-webkit-writing-mode:vertical-lr;font-size:1.8rem;color:var(--textcolor)}.nav-links-li:hover{cursor:pointer}.nav-links-ul-a{display:inline-block;position:relative;align-items:center;text-decoration:none;color:var(--textcolor);transition:color .3s ease}.nav-links-ul-a:before,.nav-links-ul-a:after{display:block;content:"";position:absolute;background:var(--nice-color);z-index:-5;border-radius:10px}.nav-links-ul-a:before{top:-.1rem;bottom:100%;left:-.1rem;right:calc(100% + .1rem);transition:left .5s,right .5s,bottom .5s}.nav-links-ul-a:after{top:100%;bottom:-.1rem;left:calc(100% + .1rem);right:-.1rem;transition:left .5s,right .5s,top .5s}.nav-links-ul-a:hover:before{top:-.1rem;bottom:0;left:-.1rem;right:0}.nav-links-ul-a:hover:after{top:0;bottom:-.1rem;left:0;right:-.1rem}.Name{writing-mode:horizontal-tb!important;padding:17 px;font-weight:700;display:flex;justify-content:center}.period{color:var(--nice-color)}.name-box{background-color:var(--background-dark);height:50px;padding:0;margin:10px;border-radius:10px}.Introduction{display:flex;flex-direction:column;align-items:center;margin-top:23vh;color:var(--textcolor)}.Introduction h1{font-size:5rem;margin-left:30px;margin-right:30px}.Introduction h2 span{color:var(--nice-color)}.Introduction p{display:flex;flex-wrap:wrap;width:600px;justify-content:center;text-align:center;margin:1em 0;padding-left:70px;padding-right:70px}.Introduction button{outline:none;border:none;width:150px;height:50px;color:#000;font-size:1.3rem;background-color:var(--nice-color);border-radius:5px;cursor:pointer;transition:all .5 ease}.Introduction button:hover{color:#fff}.Introduction-foto{position:relative;width:200px;height:200px;overflow:hidden;border-radius:50%}.Introduction-foto img{width:100%;height:auto}.nav-links .Name{cursor:default!important}@media screen and (max-width: 769px){.container,.Resume{position:fixed;border:none!important;z-index:600!important}.Resume{background-color:#000;font-size:1.4em;position:relative;right:15vw;border-radius:5px;border:2px solid var(--nice-color)!important}.icons{top:4vw;left:20vw}.Introduction{text-align:center;margin-top:23vh;margin-left:8vh}.Introduction h1{font-size:2em;margin-bottom:1rem}.Introduction h2{font-size:1.4em}.Introduction p{width:100%;font-size:1rem;margin:1em 0}.Introduction button{width:120px;height:40px;font-size:1rem}}:root{--background-dark: #232323;--nice-color: #006aff;--nav-color: #080808;--textcolor: #ebecf3;--background: #111;--tint-color2: #bc2050}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif;font-weight:100}body{scroll-behavior:smooth;max-width:100vw;background-color:var(--background);overflow-x:hidden}.about-title{display:flex;justify-content:center;margin-top:40vh;color:var(--textcolor);font-size:5rem}.content-wrapper{position:relative;display:grid;grid-template-columns:1fr 1fr;width:70%;color:var(--textcolor);margin:5rem auto;grid-gap:2rem;gap:2rem}.section-divider{position:absolute;border-top:1px solid rgb(127,126,126);width:100vw;z-index:-2}.about-text{font-size:1.3rem;margin:10px}.tools span{display:inline-flex;background-color:var(--background-dark);padding:.5rem;border-radius:5px;margin-right:1rem;margin-bottom:1rem}.tools h2{font-size:2rem;margin:10px}@media screen and (max-width: 768px){.about-title{padding-top:3rem;margin-top:20vh;font-size:3.5rem;display:flex;justify-content:center;align-items:center}.content-wrapper{grid-template-columns:1fr;width:80%;margin:5rem}.about-text,.tools h2{font-size:1rem;margin:5px}.tools h1{display:inline-block;width:100%;white-space:normal;font-size:1.4em}}.title{font-size:5rem;color:#fff;display:flex;justify-content:center}.projects-wrapper{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-gap:2rem;margin:1rem 13rem 20rem;gap:5rem}.project{position:relative;color:#fff;width:100%;height:100%;border-radius:10px;background-color:var(--background-dark);padding:20px;display:flex}.project-info{position:relative;display:flex;flex-direction:column;width:100%}.project-title{display:flex;margin-top:20px}.project-chartPosition{margin-top:20px;margin-bottom:20px}.project-icon{height:6rem;border-radius:8px}.project-features{margin-top:10px;margin-left:20px}.project-gallery{padding:10px}.image-gallery{width:100%;height:auto}.image-gallery-slide img{width:100%;height:auto;max-height:80vh;object-fit:cover;overflow:hidden;object-position:center center}.fullscreen .image-gallery-slide img{max-height:100vh}.project-image{width:40%;height:100%;object-fit:cover;padding:20px;overflow:hidden}.project-info a{color:#fff;outline:none;transition:color .3s ease;padding-right:8px}.project-info a:hover{color:var(--nice-color)}[data-rmiz-modal-content]{background-color:#1f1f1f}@media (max-width: 1150px){.title{font-size:3rem;padding-top:3rem}.projects-wrapper{display:block;margin:2rem}.project{width:85%;height:auto;margin:3rem;flex-direction:column-reverse}.project-images{padding:10px}.project-icon{height:3.5rem;border-radius:8px}}[data-rmiz]{position:relative}[data-rmiz-ghost]{position:absolute;pointer-events:none}[data-rmiz-btn-zoom],[data-rmiz-btn-unzoom]{background-color:#000000b3;border-radius:50%;border:none;box-shadow:0 0 1px #ffffff80;color:#fff;height:40px;margin:0;outline-offset:2px;padding:9px;touch-action:manipulation;width:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none}[data-rmiz-btn-zoom]:not(:focus):not(:active){position:absolute;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;pointer-events:none;white-space:nowrap;width:1px}[data-rmiz-btn-zoom]{position:absolute;inset:10px 10px auto auto;cursor:zoom-in}[data-rmiz-btn-unzoom]{position:absolute;inset:20px 20px auto auto;cursor:zoom-out;z-index:1}[data-rmiz-content=found] img,[data-rmiz-content=found] svg,[data-rmiz-content=found] [role=img],[data-rmiz-content=found] [data-zoom]{cursor:zoom-in}[data-rmiz-modal]::backdrop{display:none}[data-rmiz-modal][open]{position:fixed;width:100vw;width:100dvw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden}[data-rmiz-modal-overlay]{position:absolute;top:0;right:0;bottom:0;left:0;transition:background-color .3s}[data-rmiz-modal-overlay=hidden]{background-color:#fff0}[data-rmiz-modal-overlay=visible]{background-color:#fff}[data-rmiz-modal-content]{position:relative;width:100%;height:100%}[data-rmiz-modal-img]{position:absolute;cursor:zoom-out;image-rendering:high-quality;transform-origin:top left;transition:transform .3s}@media (prefers-reduced-motion: reduce){[data-rmiz-modal-overlay],[data-rmiz-modal-img]{transition-duration:.01ms!important}}.image-gallery-icon{color:#fff;transition:all .3s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;cursor:pointer;outline:none;position:absolute;z-index:4;filter:drop-shadow(0 2px 2px #1a1a1a)}@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-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-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}.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{position:relative;line-height:0;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;white-space:nowrap;text-align:center}.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{width:100%;object-fit:contain}.image-gallery-slide .image-gallery-description{background:rgba(0,0,0,.4);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;-moz-appearance:none;appearance:none;background-color:transparent;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{transform:scale(1.2);background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active{transform:scale(1.2);border:1px solid #fff;background:#fff}@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-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%;width:100%;left:0;padding:0;position:absolute;top:0}.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{display:inline-block;border:4px solid transparent;transition:border .3s ease-out;width:100px;background:transparent;padding:0}@media (max-width: 768px){.image-gallery-thumbnail{border:3px solid transparent;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{vertical-align:middle;width:100%;line-height:0}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{outline:none;border:4px solid #337ab7}@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{outline:none;border:4px solid #337ab7}}@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;top:50%;text-shadow:0 2px 2px #1a1a1a;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:rgba(0,0,0,.4);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}}.title{font-size:5rem;color:#fff;display:flex;justify-content:center;padding-left:80px}.works-wrapper{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-gap:2rem;margin:1rem 13rem 20rem;gap:3rem}.work{position:relative;color:#fff;width:100%;border-radius:10px;background-color:var(--background-dark);padding:10px}.work-info{position:relative;display:flex;flex-direction:column}.work-title{display:flex;justify-content:space-between;margin-top:20px;margin-bottom:20px}.work-title-main{color:var(--nice-color);width:100%}.work-title-detail{color:#fff;text-align:right;width:100%}.work-description{text-align:left}.work-technologies{display:flex;flex-wrap:wrap}.work-technology{background-color:var(--tint-color2);color:#fff;border-radius:4px;margin:3px;padding:0 3px}.work-images{width:100%;height:100%;object-fit:cover;border-radius:30px;padding:20px;transition:transform .3s ease;overflow:hidden}.work-info a{color:#fff;outline:none;transition:color .3s ease}.work-info a:hover{color:var(--nice-color)}@media (max-width: 1150px){.title{font-size:2.2rem;padding-top:3rem}.works-wrapper{display:block;margin:2rem}.work{width:85%;height:auto;margin:3rem}.work-title{flex-direction:column}.work-images{padding:10px}}.contact-wrap{max-width:1500px;margin:16rem auto}.content{text-align:center;color:var(--textcolor);padding:100px}.content h1{font-size:5rem}.content p{font-size:1.5rem}.email{font-size:2rem;outline:none;text-decoration:none;color:#fff;margin:auto;transition:ease-in-out .2s}.email:hover{color:var(--nice-color)}.linked-in{text-decoration:none;color:var(--nice-color)}@media screen and (max-width: 768px){.content h1{font-size:3rem}.content p{font-size:1rem}.email{font-size:1.3rem}}