@charset "UTF-8";*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}@keyframes infinite-carousel{0%{background-position-x:0}to{background-position-x:31.25rem}}abbr[title]{text-decoration:none}abbr:before{content:"\a0("}abbr:after{content:")"}a,.a{color:unset;text-decoration:none}article~article{margin-top:10rem}footer{z-index:10;display:flex;flex-direction:column;grid-area:footer;align-items:center;justify-content:flex-end;padding-bottom:1rem;font-size:.875rem}header{z-index:20;display:flex;grid-area:header;align-items:center;justify-content:center}h1,.h1{margin:2.5rem 0 2rem;font-size:2.5rem;font-weight:900;text-align:center}h2,.h2{margin:2rem 0 1rem;font-size:1.875rem;font-weight:500}h2.h4,.h2.h4{margin:-2rem 0 2rem;text-align:center}h3,.h3{font-size:1.625rem;font-weight:400}h4,.h4{font-size:1.25rem;font-weight:300}iframe{width:100%;height:80dvh;border:.0625rem solid rgb(255,255,255);box-shadow:.0625rem .0625rem .4375rem -.1875rem #0006}ul{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:0;margin:0;list-style-type:none}@media (orientation: landscape){ul{flex-direction:column;height:calc(100dvh - 6.25rem)}}@media only screen and (min-width: 1280px){ul{flex-direction:unset;height:unset}}strong{font-weight:900}main{z-index:30;display:flex;flex-direction:column;grid-area:main;align-items:center;padding:1rem;overflow:auto}main::-webkit-scrollbar{width:.375rem;height:.375rem;background:transparent}main::-webkit-scrollbar-thumb{background-color:#ffffff40;border-radius:.375rem}main::-webkit-scrollbar-thumb:hover{background-color:#00b8ff80}@supports (-moz-appearance: none){main{scrollbar-color:rgba(0,184,255,.5) transparent;scrollbar-width:thin}}p,.p{font-weight:300}.backgroud{grid-area:footer;background-image:url(/assets/images/marcoscazaux-background.avif);animation:infinite-carousel 30s linear infinite}.footer p{margin:0}.page-about,.page-contact,.page-home,.page-lab,.page-not-found,.page-skills{max-width:80ch}.page-home h1,.page-not-found h1{margin-top:clamp(2.5rem,(100dvh - 37.5rem) / 2,100dvh)}.page-home h2{display:flex;flex-direction:column;gap:1rem;text-align:center}.page-not-found p{text-align:center}.skills{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:0}.skill{display:flex;flex-wrap:wrap;justify-content:center;padding:.5rem 1rem;margin:0;background-color:#ffffff0d;border:.0625rem solid rgba(255,255,255,.1);border-radius:.5rem;box-shadow:.0625rem .0625rem .4375rem -.1875rem #0006}.app-icon{display:inline-block;width:1ch;height:1ch;line-height:0;fill:currentcolor}.app-icon svg{width:inherit;height:inherit}.app-nav a{display:flex;align-items:center;justify-content:center;width:2.875rem;height:2.875rem;font-size:1.5rem;line-height:0;border:.0625rem solid rgb(255,255,255);border-radius:50%;box-shadow:.0625rem .0625rem .4375rem -.1875rem #0006}.app-nav a.active,.app-nav a:hover{text-shadow:none;background-color:#ffffff40;box-shadow:none;transform:scale(.9)}.app-root{display:grid;grid-template:"main" 1fr "header" 9rem "footer" 6.25rem/1fr;height:100dvh;font-size:1.125rem;line-height:1.5;color:#fff;text-shadow:.0625rem .0625rem .0625rem rgba(0,0,0,.4);-webkit-user-select:none;user-select:none;background:linear-gradient(180deg,#020024,#00b8ff)}@media (orientation: landscape){.app-root{grid-template:"header main" 1fr "footer footer" 6.25rem/9rem 1fr}}@media only screen and (min-width: 1280px){.app-root{grid-template:"main" 1fr "header" 9rem "footer" 6.25rem/1fr}}