html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;--primaryColor: #02F0A1;--primaryColor_Highlight: #73FACD;--secondaryColor: #F00251;--backgroundColor: #1E2526;--backgroundColor_Dark: #030b0b;--textColor: #F7FFFD;--textColor_Dark: #272727;--txt_SM: none;--txt_MD: none;--txt_LG: none;--pd_SM: none;--pd_MD: none;--pd_LG: none;--shd_SM: none;--shd_MD: var(--backgroundColor_Dark) 0px 24px 50px 0px;--shd_LG: var(--backgroundColor_Dark) 0px 48px 100px 0px;--glow_SM: var(--primaryColor) 0px 0px 10px 0px;--trs_SHORT: all .1s ease-in-out;--trs_MED: all 175ms ease-in-out;--trs_LONG: all .3s ease-in-out}.app{min-height:100vh;margin:0;padding:0;min-width:100vw;overflow:hidden;background-color:var(--backgroundColor)}p,h2,h1,h3,span{color:var(--textColor)}select,input{margin-top:6px;justify-content:end;align-items:end}button{background-color:#0000;border:1px solid;border-color:var(--primaryColor);color:var(--primaryColor);cursor:pointer;font-size:14px;font-weight:500;padding:.75rem 2rem}.primary-btn{background-color:var(--backgroundColor_Dark);color:var(--primaryColor);transition:all .2s ease-in-out;position:relative;z-index:1}.primary-btn:before{content:"";position:absolute;inset:0;z-index:-1;background-color:var(--primaryColor);transform:scaleX(0);transition:transform 175ms ease}.primary-btn:hover:before{transform:scaleX(1)}.primary-btn:hover{color:var(--backgroundColor_Dark);box-shadow:var(--glow_SM)}.secondary-btn{background-color:var(--primaryColor);color:var(--backgroundColor_Dark);transition:all .2s ease-in-out}.secondary-btn:hover{color:var(--primaryColor);background-color:var(--backgroundColor_Dark)}header{width:100vw;display:flex;justify-content:center;margin:4rem 0}header h1{font-size:40px;font-weight:700;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none}header h1:hover{animation:header-hover .5s infinite}.customization-bar{position:fixed;top:2rem;width:60%;left:20%;padding:1.5rem calc(2.8rem - 4px);background-color:#0009;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:2px solid;border-color:var(--primaryColor);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;transform:translateY(0);opacity:1;pointer-events:auto;transition:transform .3s ease,opacity .2s ease,background-color .2s ease}.customization-bar.is-closed{transform:translateY(-1.5rem);opacity:0;pointer-events:none}.customization-bar:hover{background-color:#000c;border-color:var(--primaryColor_Highlight)}.customization-bar h2{font-size:34px;font-weight:600;padding-top:1rem}.custom-options{width:100%;display:flex;justify-content:space-evenly;align-items:end;flex-wrap:wrap;gap:1rem;padding:0 1rem}.custom-options label{display:flex;flex-direction:column;gap:4px;height:50px;justify-content:center;align-items:center;text-align:center}.custom-options select{padding:.5rem 1.5rem;background-color:var(--backgroundColor_Dark);color:var(--primaryColor);border:2px solid var(--primaryColor);border-radius:12px}.custom-options select,.custom-options input{margin:0 4px}.open-button{position:fixed;top:1rem;right:1rem;padding:.75rem 1.5rem;z-index:1000;transition:all .2s ease;background-color:#0009;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.open-button:hover{color:var(--textColor);border-color:var(--textColor)}.close-button{position:absolute;top:1rem;right:1rem;padding:.5rem;transition:all .2s ease}.close-button:hover{color:var(--textColor);border-color:var(--textColor)}@media(max-width:1100px){.customization-bar{top:4.5rem}}@media(max-width:768px){.customization-bar{left:5%;width:90%;padding:24px 0}.custom-options{align-items:start;flex-direction:column}}.sections-container{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}section{width:80%;margin:0 auto}.about-card{display:flex;justify-content:space-evenly;margin:0 auto}.about-card-content{display:flex;flex-direction:column;gap:14px 0}.about-card-content h2{font-size:32px}.about-card-content h3{font-size:24px}.img-coin{width:225px;border-radius:100%;border:2px solid var(--primaryColor)}#projects,.projects{display:grid;grid-template-columns:auto auto;gap:.5rem;margin:0 auto}.project-card{background-color:var(--backgroundColor_Dark);display:flex;justify-content:space-between;transform:translateY(0);border:1px dashed var(--backgroundColor_Dark);padding:2rem;gap:10px;transition:all .25s ease-in-out}.project-card:hover{cursor:pointer;transform:translateY(-10px);border:1px solid var(--primaryColor);box-shadow:var(--shd_MD)}.project-card:hover h3{transition:all .4s ease-in-out;background-image:linear-gradient(to right,var(--primaryColor),var(--primaryColor_Highlight) 10%);color:transparent;-webkit-background-clip:text;background-clip:text}.project-card-left{display:flex;flex-direction:column;gap:10px;position:relative;padding-right:4px;border-right:1px inset var(--primaryColor);flex-grow:1}.project-card-left div{position:static}.project-card h3{font-size:28px;font-weight:700;color:var(--primaryColor)}.project-card-right{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:50%}.project-card img{max-width:275px;height:225px;object-fit:cover}.project-card-buttons{display:flex;justify-content:center;gap:14px;margin-top:.5rem}.tags{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;padding-right:14px}.tag{border:1px solid var(--primaryColor);padding:4px 12px;border-radius:10px}.no-link{font-size:12px;text-align:center;align-items:center;justify-content:center}#contact{margin-bottom:4rem}form{width:40%;display:flex;flex-direction:column;gap:22px;margin:0 auto;padding:4rem;box-shadow:var(--shd_LG)}form h2{margin-bottom:2rem;font-size:32px;text-align:center;text-transform:uppercase}form button{margin-top:4rem}.contact-item{display:flex;width:100%;flex-direction:column}.contact-item input,.contact-item textarea{padding:14px 22px;border:1px solid var(--primaryColor);background-color:var(--backgroundColor_Dark);color:var(--textColor)}@media(max-width:1300px){#projects,.projects{width:75%;display:flex;flex-direction:column}}@media(max-width:768px){section{width:100%}.about-card{flex-direction:column;width:90%;gap:18px;align-items:center}#projects,.projects{gap:1rem;width:100%}.project-card-left{border-right:none;text-align:center;margin-bottom:2rem}.project-card-left div{justify-content:center;bottom:0;padding:0}.project-card{width:100%;display:flex;flex-direction:column;gap:1rem;align-items:center;border:none;padding:12px 0 24px}.project-card:hover{border:none}}body{background-color:var(--backgroundColor);color:var(--textColor)}textarea{resize:none;height:100px}.txt-highlight-p-co{color:var(--primaryColor)}.txt-highlight-s-co{color:var(--secondaryColor)}.txt-highlight-p-cul{color:var(--primaryColor);text-decoration:underline}.txt-underline-effect{position:relative}.simple-mode button{background-color:#0000;border:1px solid var(--primaryColor);color:var(--primaryColor);cursor:pointer;font-size:14px;font-weight:500;padding:.75rem 2rem}.simple-mode .primary-btn:before{display:none}.simple-mode .primary-btn:hover:before{transform:scaleX(1)}.simple-mode .primary-btn:hover{color:var(--primaryColor);box-shadow:none;transform:scale(1.03)}.simple-mode header{width:100vw;display:flex;justify-content:center;margin:4rem 0}.simple-mode header h1{font-size:40px;font-weight:700;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none}.simple-mode header h1:hover{animation:none}@keyframes header-hover{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.simple-mode section{width:65%}.simple-mode .about-card-content{display:flex;flex-direction:column;gap:12px}.simple-mode .img-coin{display:none}.simple-mode #projects{display:flex;flex-direction:column}.simple-mode .project-card{border:none;transition:none;min-height:150px;width:100%}.simple-mode .project-card:hover{cursor:default;transform:none;border:none;box-shadow:none}.simple-mode .project-card:hover h3{transition:none;background-image:none;color:var(--primaryColor);background-clip:none}.simple-mode .project-card-left{display:flex;width:calc(65% - 12px);gap:14px;padding-right:12px;border-right:none}.simple-mode .project-card h3{font-size:28px;font-weight:700;color:var(--primaryColor)}.simple-mode .project-card-right{display:flex;flex-direction:row;justify-content:center;gap:14px;width:100px}.simple-mode .project-card img{display:none}.simple-mode .project-card-buttons{display:flex;justify-content:start;flex-direction:column;gap:25px;margin-top:.5rem}.simple-mode .tags{gap:6px}.simple-mode .tag{border:none;padding:0}.simple-mode .no-link{font-size:12px;text-align:center;align-items:center;justify-content:center}.simple-mode #contact{margin-bottom:4rem}.simple-mode form{width:40%;display:flex;flex-direction:column;gap:22px;margin:0 auto;padding:4rem;box-shadow:var(--shd_LG)}.simple-mode form h2{margin-bottom:2rem;font-size:32px;text-align:center;text-transform:uppercase}.simple-mode form button{margin-top:4rem}.simple-mode .contact-item{display:flex;width:100%;flex-direction:column}.simple-mode .contact-item input,.simple-mode .contact-item textarea{padding:14px 22px;border:1px solid var(--primaryColor);background-color:var(--backgroundColor_Dark);color:var(--textColor)}@media(max-width:768px){.simple-mode section{width:95%}.simple-mode .project-card-left div{display:none}.simple-mode .project-card-buttons{flex-direction:row}}
