@charset "UTF-8";::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}*{margin:0;padding:0;box-sizing:border-box;font-family:Courier Prime,Courier,monospace}.col-1,.col-2{width:40%}.col-1 h2,.col-2 h2{font-size:3rem;color:#fff;margin-bottom:16px;word-spacing:-15px}.col-1 h2 span,.col-2 h2 span{color:#9602ee}.col-1 p,.col-2 p{font-size:1.5rem;color:#fff;margin-bottom:2rem}.presentation{width:100%;min-height:100vh;background:linear-gradient(to bottom,#0000,#000),url(./dark-B3XJWVFP.png);background-color:#000;background-size:cover;background-position:center;display:flex;justify-content:space-around;align-items:flex-start;padding-top:12rem}.code{display:flex;background-color:#1e1e1ee6;padding:20px;border-radius:6px;overflow-x:auto;box-shadow:inset 0 0 20px #9602eecc,0 0 20px #9602eecc;font-size:1.5rem;font-family:Courier Prime,Courier,monospace;border:10px solid transparent}@media (max-width: 1200px){.code{font-size:1.5rem;padding:16px 300px 28px 16px}}@media (max-width: 768px){.code{font-size:.8rem;padding:10px}}@media (max-width: 480px){.code{font-size:.8rem;padding:8px}}.code .line-numbers{text-align:right;padding-right:16px;border-right:1px solid rgba(255,255,255,.5);margin-right:16px;color:#fff;-webkit-user-select:none;user-select:none}.code .code-content{color:#e0e0e0}.code .code-content span.keyword{color:#9b4f96}.code .code-content span.string{color:#f6f}.code .code-content span.comment{color:#9cf;font-style:italic}@media (max-width: 768px){.col-1,.col-2{width:80%}.presentation{flex-direction:column;align-items:center;padding-top:4rem}.code{height:100%;padding:8px}}.proyects{width:100%;text-align:center;font-family:Courier Prime,Courier,monospace}.proyects .image-container{width:100%}.proyects .image-container img{width:100%;height:auto;display:block}.proyects h2{padding-top:2rem;color:#9602ee;background-color:#000;text-align:center;margin:0;font-size:2.5rem}.proyects .content{background-color:#000;color:#fff;padding:2rem 0}.proyects .content .container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0rem;justify-items:center}.proyects .content .container .card{background-color:#1b1b1bcc;border:6px solid rgba(111,105,100,.8);border-radius:6px;padding:20px;width:250px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;height:100%;font-family:Courier Prime,Courier,monospace;width:100%;max-width:300px}.proyects .content .container .card h3{color:#9602ee;font-size:1.5rem;margin:0 0 10px;text-align:start}.proyects .content .container .card p{margin:0 0 20px;font-size:1em;color:#bbb;text-align:start}.proyects .content .container .card .commits-container{display:flex;align-items:center;justify-content:space-between;font-size:1.2em;font-weight:700;margin-top:auto}.proyects .content .container .card .commits-container span{display:flex;align-items:center}.proyects .content .container .card .commits-container span i{margin-right:10px;font-size:1.4em}.proyects .content .container .card .commits-container .repo-link{display:flex;align-items:center;font-size:1.4em;color:inherit;text-decoration:none;transition:transform .5s;transform-origin:center}.proyects .content .container .card .commits-container .repo-link:hover{transform:scale(1.3)}.about{background-color:#000;font-family:Courier Prime,Courier,monospace}.about .container{width:85%;margin:0 auto;display:flex;justify-content:space-around;align-items:center;padding-top:10rem}.about .container .col-1,.about .container .col-2{flex:1 1 45%;margin:10px;position:relative}.about .container .col-1 h2{font-size:3rem;color:#9602ee;font-weight:700;margin-bottom:1rem}.about .container .col-1 span{font-size:1.5rem;color:#9602ee;font-weight:700;margin-bottom:1rem}.about .container .col-2{display:flex;justify-content:center;align-items:center;border-radius:50%}.about .container .col-2 #starCanvas{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:50%}.about .container .col-2 img{display:block;margin:0 auto;border-radius:50%;z-index:1;max-width:80%;max-height:80%}@media (max-width: 768px){.about{flex-direction:column;align-items:center}.about .col-1,.about .col-2{flex:1 1 100%;margin:10px}.about .col-1 h2{font-size:1rem}.about .col-1 span{font-size:.7rem}.about .col-2{width:300px;height:300px}}@media (max-width: 480px){.about .col-1 h2{font-size:.7rem}.about .col-1 span{font-size:1em}}