:root{--cor00:#fff;--corFrame:#00cc00;--bg01:#151618;--card01:#363636;--card01-b:var(--cor00);--card01-s:#209c54;--cardinfo:#1d232ad3;--a:#d4d4d4;--a-h:var(--cor00);--hero01:#209c54;--hero02:#306063;--hero-a:var(--cor00);--hero-ah:#373737;--btn01:var(--hero01);--btn01-h:#156436;--colorWarning:#e9453a;--sombra:#0000007c;--widthContainer:1000px;--paddinContainer:30px;--topHeight:40px;--border-radius:11px;--main-font:font01;--ui-font:font03;}*{box-sizing:border-box;padding:0;margin:0;border:0;}#main{opacity:0;transition:opacity 0.7s;height:100%}html{overscroll-behavior:none;scroll-behavior:smooth;height:100vh;height:100dvh;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0.3) transparent;}::-webkit-scrollbar{width:6px;height:6px;}::-webkit-scrollbar-track{background:transparent;}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.25);border-radius:10px;transition:background-color 0.2s ease-in-out;}::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,0.5);}::-webkit-scrollbar-button{display:none;}@font-face{font-family:"font01";src:url("../font/ChakraPetch-Regular.ttf");}@font-face{font-family:"font02";src:url("../font/ChakraPetch-Bold.ttf");}@font-face{font-family:"font03";src:url("../font/JetBrainsMono-VariableFont_wght.ttf");}.font01{font-family:font01;}.font02{font-family:font02;}.font03{font-family:font03;}body{color:var(--cor00);background-color:var(--bg01);font-family:var(--main-font);-webkit-tap-highlight-color:#00000000;-webkit-user-select:none;-ms-user-select:none;user-select:none;}section{padding:0 1rem;padding-top:calc(var(--topHeight) + 20px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:100vh;}.hero-bg{background:linear-gradient(135deg,var(--hero02),var(--hero01),var(--hero01),var(--hero02));}footer{min-height:20vh;padding:0 1rem;padding-top:calc(var(--topHeight) + 20px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-bottom:100px;width:100%;}.card-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin-top:50px;max-width:400px;}.card{padding:5px;color:#fff;background-color:var(--card01);border-radius:20px;min-height:unset;border:var(--card01) solid 2px;cursor:pointer;box-shadow:0px 0px 20px 0px var(--sombra);transition:transform 0.3s ease,box-shadow 0.3s ease;flex:0 1 calc(80% - 30px);align-content:center;}.card:hover{border:var(--card01-b) solid 2px;transform:translateY(-10px);box-shadow:0px 0px 10px 5px var(--card01-s);}.card2{padding:5px;color:#fff;background-color:var(--cardinfo);border-radius:20px;min-height:170px;border:var(--card01) solid 2px;box-shadow:0px 0px 20px 0px var(--sombra);flex:0 1 calc(80% - 30px);align-content:center;}a{text-decoration:none;color:var(--a);cursor:pointer;font-family:font02;}a:hover{color:var(--a-h);}h1{font-size:2.1em;}::selection{color:var(--cor00);background:var(--card01-s);}.disable-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.inLine{display:inline-flex;place-items:center;}#topBar{position:sticky;top:0;z-index:20;align-items:center;box-shadow:0px 0px 15px 2px var(--sombra);width:100%;height:var(--topHeight);transition:all 0.9s;}#menu{transition:all 0.7s;margin-left:auto;margin-right:auto;}#menu .item{color:var(--cor00);list-style-type:none;margin-left:10px;margin-right:10px;padding:0;font-family:font02;font-weight:bold;font-size:1em;}#menu .item:hover{color:var(--hero-ah);}.top-container{display:flex;place-items:center;padding:var(--paddinContainer);padding-top:10px;padding-bottom:10px;max-width:var(--widthContainer);margin-left:auto;margin-right:auto;height:100%;}#mainContainer{max-width:var(--widthContainer);margin-left:auto;margin-right:auto;transition:opacity 300ms;}.svgIcons{cursor:pointer;width:50px;margin:0px;}#goTopBt{display:flex;align-items:center;position:fixed;right:0px;bottom:0px;z-index:2;cursor:pointer;width:60px;height:60px;color:var(--cor00);background-color:var(--btn01);border-radius:20% 0 0 0;opacity:0;transition:opacity 0.7s;box-shadow:0px 0px 15px 2px var(--sombra);}#goTopBt:hover{color:var(--cor00);background-color:var(--btn01-h)}#goTopBt>svg{margin-left:auto;margin-right:auto;width:40px;}.warning{color:var(--colorWarning);font-family:font02;}input,select{padding:7px;height:50px;width:100%;font-size:1em;font-family:var(--ui-font);border:2px solid var(--card01);border-radius:var(--border-radius);color:var(--cor00);background-color:var(--cardinfo);margin:10px 10px 10px 0;-webkit-tap-highlight-color:rgba(0,0,0,0);}.button-sm{height:40px;width:130px;line-height:1em;border:0;border-radius:var(--border-radius);color:var(--cor00);font-weight:bold;background-color:var(--btn01);margin-top:30px;border:solid 1px var(--cor00);font-family:font02;}button,#submitBtForm{height:50px;width:100%;font-family:var(--ui-font);font-size:1em;font-weight:bold;border:solid 1px var(--cor00);border-radius:var(--border-radius);cursor:pointer;color:var(--cor00);background-color:var(--btn01);transition:all 0.4s;}button:hover,#submitBtForm:hover{color:var(--cor00);background-color:var(--btn01-h);}textarea{padding:7px;width:100%;height:100px;resize:none;font-size:1em;font-family:var(--ui-font);border:1px solid var(--card01);border-radius:var(--border-radius);color:var(--input-color);background-color:var(--cardinfo);margin:10px 10px 10px 0;}textarea:focus,input:focus{border:solid 2px var(--hero01);outline:none;}#formBox{max-width:450px;}@media only screen and (min-width:550px){.card-grid{max-width:500px;}.card{flex:0 1 calc(50% - 20px);min-height:150px;padding:30px 5px;}.card2{flex:0 1 calc(50% - 20px);padding:30px 5px;}.proj-card-icon{margin:20px;}}@media only screen and (min-width:800px){.card-grid{max-width:unset;}.card{flex:0 1 calc(33.333% - 30px);}.card2{flex:0 1 calc(33.333% - 30px);}}@media only screen and (min-width:1000px){:root{--widthContainer:1000px;}.card-grid{max-width:unset;}.card{flex:0 1 calc(25% - 30px);}.card2{flex:0 1 calc(25% - 30px);}h1{font-size:3em;}.text-gradient{font-size:1.3em;}#formBox{width:500px;}}@media (pointer:coarse){#goTopBt:hover{color:var(--cor00);background-color:var(--btn01)}}.frame-img{position:relative;border-radius:var(--border-radius);overflow:hidden;margin-right:10px;}.frame-img:last-child{margin-right:0;}.frame-img-bg{width:100%;background-size:cover;background-repeat:no-repeat;background-position:center;transition:all 0.5s;scale:1;}.frame-img-bg:hover{cursor:pointer;scale:1.05;}.text-gradient{background:linear-gradient(-45deg,var(--hero01),var(--hero02));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;user-select:none;-webkit-user-select:none;text-align:justify;}.check-box-cont{display:flex;place-items:center;}.check-box{position:relative;height:40px;width:40px;}.check-box input{cursor:pointer;height:40px;width:40px;position:absolute;opacity:0;margin:0;z-index:2;}.checkmark{display:block;height:100%;width:100%;background-color:var(--cor00);border-radius:var(--border-radius);z-index:1;transition:all 0.3s;}.check-box:hover input~.checkmark{background-color:var(--btn01-h);}.check-box input:checked~.checkmark{background-color:var(--btn01);}.check-box:hover input:checked~.checkmark{background-color:var(--btn01-h);}.checkmark:after{content:"";position:absolute;display:none;}.check-box input:checked~.checkmark:after{display:block;}.check-box .checkmark:after{margin:5px 14px;width:10px;height:20px;border:solid var(--cor00);border-width:0 3px 3px 0;transform:rotate(45deg);}#ckeck{margin-left:-20px;}.bg-container{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-10;background:#2c2c45;overflow:hidden;}.blob{position:absolute;width:500px;height:500px;border-radius:70%;filter:blur(90px);opacity:0.2;}.blob-1{background:var(--cor04h);top:-10%;left:-10%;}.blob-2{background:var(--cor04h);bottom:-10%;right:-10%;animation-delay:-5s;}.blob-3{background:var(--cor06);top:40%;left:30%;width:300px;}@keyframes float{from{transform:translate(0,0) scale(1);}to{transform:translate(100px,50px) scale(1.2);}}@keyframes colorCycle{0%{color:#fff;}25%{color:#00000000;}50%{color:#fff;}75%{color:#00000000;}100%{color:#fff;}}#msgBoxForm{text-align:center;}.frame-img{max-height:200px;overflow:hidden;}#modal05{max-height:500px;overflow:hidden;}#canvas-container{position:fixed;top:0;left:0;width:100%;z-index:-1;}#topinfo{color:var(--cor00);background-color:var(--cardinfo);border-radius:11px;padding:30px;text-align:justify;max-width:500px;}#topinfotext{font-size:0.9em;}