:root{--primary-color:#000;--secondary-color:#fff;--tertiary-color:#f0f0f0;--font-main:"Roboto Mono", monospace;--font-title:"Staatliches", sans-serif}*{box-sizing:border-box}body{color:var(--primary-color);min-height:100dvh;font-family:var(--font-main);background-image:url(/assets/graos-BoMGDN2C.avif);margin:0}main{flex-direction:column;gap:150px;width:100%;max-width:1440px;margin:0 auto;display:flex}h1,h2,h3,a{font-family:var(--font-title)}p,li{font-family:var(--font-main)}hr{border:0;border-top:1px solid var(--primary-color);margin:0}a{color:var(--primary-color);text-decoration:none}button{cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}section:not(#banner,#stacks){margin:0 20px}header{z-index:1;background-color:var(--secondary-color);width:100%;padding:10px;position:sticky;top:0}header nav{justify-content:center;align-items:center;max-width:1440px;margin:0 auto;display:flex}header nav ul{flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding-inline:0;list-style:none;display:flex}header nav ul li a{padding:5px;font-size:1.5rem;font-weight:600;transition:all .3s}header nav ul li a:hover{background-color:var(--primary-color);color:var(--secondary-color)}@scope(#banner){:scope{background-color:var(--secondary-color);flex-direction:column;justify-content:center;align-items:center;height:92.5dvh;display:flex;position:relative;overflow:hidden}h1{margin:0;font-size:clamp(60px,10vw,130px);line-height:1}h2{text-align:center;color:#0000;-webkit-text-stroke:1px var(--primary-color);filter:url(#noise);max-width:55vw;margin:0;font-size:40px}span{color:var(--tertiary-color);font-size:90px;font-family:var(--font-title);position:absolute}span:first-of-type{transform-origin:0 0;top:55px;left:0;transform:rotate(90deg)translateY(-100%)}span:nth-of-type(2){bottom:0;right:-55px;transform:scaleX(-1)}img{position:absolute;top:0;right:0}}@scope(#about-me){:scope{grid-template-columns:1fr .5fr;grid-template-areas:"edit class""time time";gap:2em;display:grid}.editorial-content{grid-area:edit;padding:11px 0}.classifieds-card{grid-area:class}#timeline{grid-area:time;justify-content:space-around;padding-top:60px;display:flex;position:relative}#timeline>hr{width:100%;position:absolute;top:30px}.timeline-card{text-align:center;flex-direction:column;align-items:center;margin-top:-20px;display:flex}.timeline-card p{margin:0}.timeline-card p:first-of-type{font-weight:700;position:absolute;top:0}.timeline-card p:nth-last-of-type(2){font-weight:700}.timeline-card:after{content:"|";position:absolute;top:18px}}.projects-list{margin:10px 0;padding:0;list-style:none}.projects-list li{align-items:baseline;transition:all .3s;display:flex}.projects-list li span{font-size:1.3rem}.projects-list button{text-align:left;align-items:baseline;gap:10px;width:100%;padding:5px 0;display:flex}.projects-list button:hover{background-color:var(--primary-color);color:var(--secondary-color)}.projects-list button:hover .pontos{border-color:var(--secondary-color)}.selected-project{background-color:var(--primary-color)!important;color:var(--secondary-color)!important}.selected-project .pontos{border-color:var(--secondary-color)!important}@scope(#projects){:scope{flex-direction:row-reverse;gap:2em;display:flex}.projects-sidebar{flex-direction:column;justify-content:space-between;width:35%;display:flex}.project-display{width:65%;min-width:0}#project-name{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:40px;overflow:hidden}#image-container{aspect-ratio:16/9;background-color:var(--tertiary-color);margin-top:10px;position:relative}#project-image{object-fit:cover;width:100%;height:100%;display:block}.span-name{white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize;flex-shrink:1;min-width:0;overflow:hidden}.pontos{border-bottom:2px dotted var(--primary-color);flex-grow:1;height:12px}.numero{flex-shrink:0}#project-description{margin:0}}.sessionStacks{border:1px dashed var(--primary-color);background-color:var(--secondary-color);grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(50px,auto);gap:0;display:grid}.sessionStacks ul li button{font-size:1.3rem}@scope(#contact){:scope{flex-direction:column;align-items:center;display:flex}div{flex-direction:column;align-items:center;width:fit-content;display:flex}hr{width:100%}a{padding:5px 15px;font-size:32px;transition:all .3s}a:hover{color:var(--secondary-color);background-color:var(--primary-color)}p{margin-top:50px;font-style:italic}p:after{content:" ■"}}.section-title{text-transform:uppercase;margin:0;font-size:2.5rem;line-height:1.1}.description-box,.classifieds-card{border:dashed 1px var(--primary-color);padding:15px;overflow-y:auto}.description-box{height:200px;max-height:200px}.loading:before{content:"";border:3px solid #0000001a;border-top-color:#000;border-radius:50%;width:50px;height:50px;margin-top:-25px;margin-left:-25px;animation:1s linear infinite spinner;position:absolute;top:50%;left:50%}@keyframes spinner{to{transform:rotate(360deg)}}footer{background-color:var(--primary-color);width:100%;max-width:1440px;height:50px;margin-top:50px;margin-left:auto;margin-right:auto}@media (width<=768px){#banner{height:400px}#banner h1{font-size:36px}#banner h2{font-size:16px}#banner span{font-size:32px}#banner img{width:132px;height:132px;top:-10px;right:-10px}#about-me{flex-direction:column;display:flex}#contact p{text-align:center}#projects{flex-direction:column;gap:5px}#projects>div:first-of-type{width:100%}.projects-list{gap:10px;display:flex;overflow-y:auto}.numero,.pontos{display:none}#projects .project-display{width:100%;margin-top:20px}#projects #project-name{font-size:2rem}#projects .project-display .description-box{margin-top:20px}.sessionStacks{background-color:#0000;border:none;flex-direction:column;margin:0 20px;display:flex}.description-box{height:auto;min-height:300px;max-height:none}.description-box p{margin:0}.projects-list li,button{text-wrap:nowrap}header nav ul li a{font-size:1.1rem}}._empty1_1uduq_1,._empty2_1uduq_1{justify-content:center;align-items:center;display:flex}._empty1_1uduq_1,._empty2_1uduq_1 p{color:var(--tertiary-color);margin:0;font-family:Staatliches,sans-serif;font-size:36px}._react_1uduq_14{grid-area:1/1/auto/3}._csharp_1uduq_15{grid-area:1/3/3/7}._empty1_1uduq_1{grid-area:1/7/3/10}._tailwind_1uduq_17{grid-area:1/10/auto/13}._javascript_1uduq_19{grid-area:2/1/4/3}._empty2_1uduq_1{grid-area:3/3/auto/6}._sql_1uduq_22{grid-area:3/6/auto/10}._learning_1uduq_23{grid-area:2/10/4/13}._cardStack_1uduq_25{border:dashed 1px var(--primary-color);height:100%;padding:10px}._cardStack_1uduq_25 h2{margin:0}