@font-face{font-family:Futura;src:url(/assets/FUTURTHN-DzRHH35k.TTF)}@font-face{font-family:SpaceGrotesk;src:url(/assets/SpaceGrotesk-VariableFont_wght-Dl9mdsaO.ttf)}:root{scroll-behavior:smooth}*{font-family:Futura}:root{color:#fff;background-color:#242424}canvas{position:fixed;top:0;left:0;width:100vw}main{width:99%;position:absolute}section{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}span{cursor:default}section:nth-child(1){margin-top:35vh}section:nth-child(1) div{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}section:nth-child(1) div h1{margin:0;letter-spacing:2vw;font-size:calc(30px + 2vw)}section:nth-child(1) div #subtitle{letter-spacing:8px;text-align:center;margin-top:3vh}section:nth-child(1) div #options{display:flex;justify-content:space-between;margin:30vh;width:65%}section:nth-child(1) div #options span{font-weight:700}section:nth-child(1) div #options span:hover{text-decoration:underline}#about h1{margin:0;font-size:calc(30px + 1.4vw)}#about p:nth-child(1){margin:0}#about p{text-align:left;width:60%}#about #socials{margin-top:5vh}#about #socials img{cursor:pointer;width:50px;transition:.35s}#about #socials img:hover{scale:1.2}section:nth-child(2),section:nth-child(3){height:30vh;margin-block:17vh;padding-top:35vh}section:nth-child(4){margin-block:15vh}h1{font-size:calc(30px + 1.8vw);letter-spacing:.5vw;text-transform:uppercase;color:#fff;line-height:100%;text-align:center}p{font-size:calc(10px + 1.2vw);letter-spacing:1px}#projects{cursor:default;margin-top:1vh}#projects p{margin-bottom:0}#projects #minesweeper,#projects #chat,#projects #atalaya,#projects #indie-world{transition:.3s;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:2vh;position:relative}#projects #minesweeper .github-icon,#projects #chat .github-icon,#projects #atalaya .github-icon,#projects #indie-world .github-icon{position:absolute;top:.5vh;right:0;width:40px}#projects #minesweeper p,#projects #chat p,#projects #atalaya p,#projects #indie-world p{margin:1vh 0 0;width:fit-content;text-align:center}#projects #minesweeper .project-description,#projects #chat .project-description,#projects #atalaya .project-description,#projects #indie-world .project-description{display:flex;flex-direction:column;justify-content:center;align-items:center}#projects #minesweeper .project-description p,#projects #chat .project-description p,#projects #atalaya .project-description p,#projects #indie-world .project-description p{font-size:16px}#projects #minesweeper .project-description label,#projects #chat .project-description label,#projects #atalaya .project-description label,#projects #indie-world .project-description label{transition:.2s;margin-top:.6vh;cursor:pointer;font-size:15px}#projects #minesweeper .project-description label a,#projects #chat .project-description label a,#projects #atalaya .project-description label a,#projects #indie-world .project-description label a{color:#fff;text-decoration:none}#projects #minesweeper .project-description label a:hover,#projects #chat .project-description label a:hover,#projects #atalaya .project-description label a:hover,#projects #indie-world .project-description label a:hover{text-decoration:underline}#projects #minesweeper .project-description label:hover,#projects #chat .project-description label:hover,#projects #atalaya .project-description label:hover,#projects #indie-world .project-description label:hover{scale:1.3;text-decoration:underline}#projects div *{font-family:SpaceGrotesk}#technologies{margin-block:40vh}#technologies img{width:45px}#technologies div{align-self:center;margin-top:2.8vh;display:grid;padding-left:10px;padding-right:10px;grid-template-columns:repeat(7,1fr);grid-template-rows:1fr 1fr;grid-column-gap:3vw;column-gap:3vw;grid-row-gap:20px;row-gap:25px;justify-items:center;align-items:center}#footer{display:flex;justify-content:center;margin-top:30vh;margin-bottom:5vh;font-size:18px;color:#9e9e9e;padding:0}#minesweeper-game{margin-top:0}#minesweeper-game #home{position:absolute;top:.2vh;left:30px;width:40px;height:45px;border-radius:20px;background-color:#fff;background-image:url(/back.png);background-repeat:no-repeat;background-position:center;background-size:40%;outline:0;border:0}#minesweeper-game h1{margin-bottom:0;margin-top:3vh}#minesweeper-game p{margin-block:5px;font-size:20px}#minesweeper-game td{font-family:SpaceGrotesk;font-weight:400;font-size:25px}#minesweeper-game #game-wrapper{width:68%;display:flex;flex-direction:row;gap:20px;justify-content:left}#minesweeper-game #game-wrapper *{margin:0}#minesweeper-game #game-wrapper div{width:max-content;margin-top:1vh}#minesweeper-game #game-wrapper div div{flex-direction:row;gap:12px}#minesweeper-game #game-wrapper div div img{width:25px}#minesweeper-game table{margin-top:1vh;border:0}#minesweeper-game table tr td{border:1px solid #fff;background-color:#fff;opacity:.7;width:60px;height:60px;text-align:center}#minesweeper-game table tr td.active{background-color:#333}#minesweeper-game table tr td.mine{background-image:url(/flag.png);background-repeat:no-repeat;background-position:center;background-size:100%;background-color:#fff;opacity:.7}#minesweeper-game button{font-family:SpaceGrotesk;font-weight:400;font-size:20px;margin-top:1.5rem;padding:5px 30px;cursor:pointer;border-radius:8px}#minesweeper-game #timer{font-size:30px;margin-left:20px}#minesweeper-game #game-result{position:absolute;display:flex;justify-content:center;align-items:center;width:100%;opacity:.8;display:none}#minesweeper-game #game-result p{background-color:#000;border-radius:8px;padding:10px;font-size:55px}@media only screen and (max-width: 768px){body{overflow:scroll!important}#minesweeper-game{justify-content:center;align-items:center;height:96vh}#minesweeper-game #home{left:30px;width:70px;height:33px;background-size:25%}#minesweeper-game h1{margin-top:2.6vh;text-align:right;padding-right:4vw}#minesweeper-game p{display:none}#minesweeper-game td{font-size:18px}#minesweeper-game #game-wrapper{margin-top:2vh;width:95%;justify-content:center;align-items:center}#minesweeper-game #game-wrapper div{display:none}#minesweeper-game table tr td{width:35px;height:35px}section:nth-child(1){margin-top:28vh}section:nth-child(1) div{width:100%}section:nth-child(1) div h1{font-size:calc(30px + 3vw)}section:nth-child(1) div #subtitle{font-size:calc(12px + 1.2vw);letter-spacing:4px}#options{width:50%!important}#options span{font-size:calc(12px + 1.2vw)!important}#about{display:block;margin-left:40px;width:80%!important}#about #socials{display:flex;justify-content:center;align-items:center}#about p{width:fit-content;font-size:calc(12px + 2vw)!important}#projects{margin-top:20vh}#projects p:first-child{font-size:calc(12px + 3vw)!important}#projects #minesweeper,#projects #chat,#projects #atalaya,#projects #indie-world{width:80%;margin-top:4vh!important}#projects #minesweeper p:first-child,#projects #chat p:first-child,#projects #atalaya p:first-child,#projects #indie-world p:first-child{font-size:calc(12px + 2vw)!important}#projects #minesweeper .github-icon,#projects #chat .github-icon,#projects #atalaya .github-icon,#projects #indie-world .github-icon{top:.2vh;right:0;width:30px}#projects #minesweeper .project-description p,#projects #chat .project-description p,#projects #atalaya .project-description p,#projects #indie-world .project-description p{font-size:calc(8px + 1vw)!important}#projects #minesweeper .project-description label,#projects #chat .project-description label,#projects #atalaya .project-description label,#projects #indie-world .project-description label{margin-top:1.1vh!important;font-size:14px}#technologies p{font-size:calc(12px + 3vw)!important}#technologies img{width:30px}#technologies div{width:85%;align-self:center;margin-top:2.8vh;display:grid;padding-left:0;padding-right:0;grid-template-columns:repeat(7,1fr);grid-template-rows:1fr 1fr;column-gap:0;grid-row-gap:10px;row-gap:10px;justify-items:center;align-items:center}#footer{font-size:18px}}