@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@keyframes bounce{0%{animation-timing-function:ease-in;opacity:1;transform:translateY(6px)}70%{animation-timing-function:ease-in;transform:translateY(12px)}to{animation-timing-function:ease-out;opacity:1;transform:translateY(6px)}}@keyframes bounceEyes{0%{animation-timing-function:ease-in;opacity:1;transform:translate(3px)}10%{animation-timing-function:ease-in;transform:translate(0)}20%{animation-timing-function:ease-in;transform:translate(3px)}21%{animation-timing-function:ease-in;transform:translate(6px)}to{animation-timing-function:ease-out;opacity:1;transform:translate(6px)}}@keyframes cloud{0%{animation-timing-function:ease-in;transform:translateY(-6px)}70%{animation-timing-function:ease-in;transform:translateY(-12px)}to{animation-timing-function:ease-out;transform:translateY(-6px)}}@keyframes appear{0%{animation-timing-function:ease-in;opacity:0}to{animation-timing-function:ease-in;opacity:1}}@keyframes disappear{0%{animation-timing-function:ease-in;opacity:1}to{animation-timing-function:ease-in;opacity:0}}body,html{margin:0;font-family:Roboto,sans-serif;font-size:20px}*{box-sizing:border-box}html{background-color:#000}h1,h2,h3{font-family:Orbitron,sans-serif;color:#f21d74}h1{font-size:2.5em}h2{font-size:2em}h3{font-size:1.2em}strong{color:#65e237}section{height:100vh}.scenario{width:100%;background-image:url(/assets/background-QyuYPcUd.png);background-size:100% 100%;background-position:center;overflow-x:hidden;box-sizing:border-box}.scenario .board{background:none;width:100%;height:100vh;border-radius:5px;transition:left 1s ease-out;position:absolute;background-color:#fff;top:0;left:0;color:#fff;animation:appear .3s ease 0s normal forwards;background-position:bottom;background-image:url(/assets/background-QyuYPcUd.png);background-repeat:no-repeat;background-size:100% 100%;z-index:10}.scenario .board .info{max-width:800px;margin:20px}.scenario .board.personal{background-image:url(/assets/background-personal-VRW6-iSP.png)}.scenario .board.professional{background-image:url(/assets/background-professional-83TDPK9T.png)}.scenario .board.portfolio{background:#161616}.scenario .board.disappear{animation:disappear .5s ease 0s normal forwards}.scenario .board .close{position:absolute;right:50px;top:50px;width:50px;height:50px;background:url(/assets/back-close-kgzSRAs6.png);line-height:50px;font-size:1.5em;color:#000;text-align:center;cursor:pointer;border-radius:4px;font-family:Orbitron,sans-serif}.scenario .board h1,.scenario .board h2,.scenario .board h3{color:#000}.scenario .board .year{color:#fff;font-family:Orbitron,sans-serif;color:#000}.scenario .board .logos{display:flex;justify-content:center;align-items:center;border-radius:4px;padding:5px;gap:20px}.scenario .board .logos .logo{background-color:#fff;border-radius:100%;padding:10px;width:100px;height:100px}.scenario .board .logos .logo img{max-width:100%}.scenario .board .tabsWrapper .tabs{display:flex;gap:10px}.scenario .board .tabsWrapper .tabs .tab{border-radius:5px 5px 0 0;padding:10px;border-bottom:0;cursor:pointer;background-color:#000}.scenario .board .tabsWrapper .tabs .tab.active{background-color:#222}.scenario .board .tabsWrapper .tabContent{padding:20px;background-color:#222;border-radius:0 0 4px 4px;color:#a9a9a9;font-family:Roboto,sans-serif}.scenario .board .tabsWrapper .tabContent ul li{margin-top:10px}.scenario .board .slidesWrapper{width:100%;height:500px;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.scenario .board .slidesWrapper .controls{line-height:40px;text-align:center;cursor:pointer;font-size:5em}.scenario .board .slidesWrapper .slides{display:flex;flex-wrap:wrap;height:100%}.scenario .board .slidesWrapper .slides .slide{height:400px;width:300px;position:relative}.scenario .board .slidesWrapper .slides .slide .image{position:absolute;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#00f}.scenario .board .slidesWrapper .slides .slide .image img{width:100%;object-fit:cover;height:100%}.scenario .board .slidesWrapper .slides .slide .info{bottom:-100px;position:absolute;width:100%;max-width:auto;margin:0;padding:10px;background-color:#000;min-height:100px}.scenario .board .slidesWrapper .slides .tags{display:flex;width:100%;gap:5px;flex-wrap:wrap}.scenario .board .slidesWrapper .slides .tags .tag{background:#000;color:#65e237;border-radius:5px;padding:5px 10px;cursor:pointer}.scenario .board .poster{position:absolute;top:200px;right:20%;width:250px}.scenario .content{display:flex;width:100%;height:100vh;flex-wrap:wrap;justify-content:center;align-items:center}.scenario .content>div{width:50%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;min-width:300px}.scenario .content .console{position:relative;width:500px;z-index:10;margin-top:-100px;min-height:300px}.scenario .content .console .intro{margin-bottom:10px}.scenario .content .console .intro.hidden{opacity:.5}.scenario .content .console .intro h1{color:#65e237;line-height:100%;margin:0;font-size:1.5em}.scenario .content .console .intro h2{line-height:.8em;font-size:1.3em;color:#fff;line-height:100%;margin:0}@media (max-width: 1000px){.scenario .content .console .intro h1,.scenario .content .console .intro h2{font-size:1em;text-align:center}}.scenario .content .console.stopped .intro h1{color:#65e237}.scenario .content .console .react-terminal-wrapper{padding:50px 10px 10px;background-color:#000;color:#65e237;height:100%;min-height:300px;box-shadow:10px 10px 19px #00000080;-webkit-box-shadow:10px 10px 19px 0px rgba(0,0,0,.5);-moz-box-shadow:10px 10px 19px 0px rgba(0,0,0,.5)}.scenario .content .console .react-terminal-wrapper .react-terminal{height:100%!important}.scenario .content .console .react-terminal-wrapper .react-terminal-line{margin-top:5px;white-space:initial}.scenario .content .console .react-terminal-wrapper .react-terminal-line strong{background-color:green;color:#000;padding:0 5px}@media (max-width: 1000px){.scenario .content .console{margin-top:0}.scenario .content .console .react-terminal-wrapper{min-height:300px}}.scenario .content .guitar{position:absolute;bottom:40%;right:10%}.scenario .content .chair{position:absolute;top:25%;left:380px}.scenario .content .window{position:absolute;top:30px;right:100px}.scenario .content .door{position:absolute;bottom:57%;left:100px}.scenario .content .lamp{position:absolute;bottom:380px;left:500px}.scenario .content .plant{position:absolute;bottom:0;left:0}.scenario .content .character{position:relative;width:200px;height:300px;z-index:10;margin-top:100px}.scenario .content .character .desktop{position:absolute;bottom:-40px;left:-20px;z-index:2}.scenario .content .character .body{position:absolute;bottom:0;left:30px;z-index:2}.scenario .content .character .sign{width:150px;height:80px;background-image:url(/assets/sign-N0Wribt2.png);position:absolute;font-family:Orbitron,sans-serif;color:#000;font-size:.8em;top:180px;left:25px;display:flex;justify-content:center;align-items:center;z-index:9;text-align:center;border:5px solid #4ba184;font-weight:700;cursor:pointer}.scenario .content .character .sign:after,.scenario .content .character .sign:before{content:"";background-image:url(/assets/hand-BpRMeWDQ.png);background-size:cover;width:30px;height:20px;position:absolute;top:-10px}.scenario .content .character .sign:after{left:20px}.scenario .content .character .sign:before{right:20px}.scenario .content .character .instructions{position:absolute;top:-100px;right:-50px;font-family:Roboto,sans-serif;width:100px;z-index:9;animation:bounce 2s ease 0s infinite normal forwards}.scenario .content .character .instructions:after{content:"<";position:absolute;top:0;left:-20px}.scenario .content .character .head{position:absolute;top:-20px;left:0;animation:bounce 2s ease 0s infinite normal forwards;z-index:2}.scenario .content .character .head .eyes{position:absolute;top:95px;left:55px;animation:bounceEyes 3s ease 0s infinite normal forwards}.scenario .content .character:after{content:"";width:250px;height:100px;background-color:#0003;border-radius:100%;position:absolute;bottom:-50px;left:-20px;z-index:1}.scenario .content .character .speech-cloud{width:250px;min-height:50px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAABKCAIAAACQDM5iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAt9JREFUeNrs3c9u0nAAwPFSCDKqJjOOLP5Jphfj4k66u0fvPoC+im/hyfgoZI+gJy9DL7JsiWBcZwPrELIZT/662K3C+HzC8RcK7e/rCv1Ja1GRV2/fbTzdjkrY7HQedzpROVutkk8Qfcwi5so8HNODNN3p9Uo+yZvtrfCA2MGGyyYzkBksvoZdwP+SnhQMaMVRXWanyn/DkcTRw6ZZN0dfDFRjd1QwYDorkrjUvppuIhzzWpK8fPIkMOBCviNx0gg+m4HMAJmBzEBmgMxAZoDMoAJVLLZarc8eAfVa2U2kJ8VLCip4I4N89ihpIdZwtOLoTnDu/JxE/XHZrVRwTK9OZs1awZKZRVH4RgoX6V0Z9ajomC7NrnDSCDIDmQEyA5kBMgOZgcyA81mMn9zJJtHX4JKCvJKXMcijw+BV1/FkWebN9IiEl2jk8/E6kzi6HvxTMj2gFSwqWIzM8slcLLAYTWYPzo7IIuyKaWOd8Bw/rmJqOWkEmYHMAJmBzEBmgMxAZkA1l6dnKyeOSz3DeS4KF/4OQuq/zS+fwrl3eHJVMksrWc9SeOsm955eQtXMPSeNIDOQGSAzkBkgM5AZyAyQGcyDxpV5JxZ58A+SuGD9UPdb6q8ZOGkEZAYyA5kBMgOZgcwAmcFCuIBVIAdpGu3vBwbcTpK1JLGvK7Naj5q10IBB7tY2Z/aOsp1ePzBgOBrPS2az0v5us9ORWcWZJUU39ZLZqSzPP/9IL3srThrBZzOQGSAzkBnIDJAZyAw4z+Xp9fbKxo3QxeW9oyzL88CAdDwOX79uxHH7Wiv8Mm41QusappvP3Ffpt0FecBuU8Xxcmy5/r6xhlo2Dc6/Q96zgN2Ra9fp6OzQ5h8PhBWT24v7680cPAgPef+qFr6N/GQymj8CAmyvtzbv3wi/jWbsZPh67I339yWwhlL9X1od+P/wveHnTxl4H53+323XSCD6bgcwAmYHMAJlBBX4JMABjNs6M5TWCpgAAAABJRU5ErkJggg==);background-position:center;background-size:100% auto;font-family:Orbitron,sans-serif;color:#000;padding:7px 30px;font-weight:500;text-align:center;font-size:1em;position:absolute;top:-100px;right:100px;animation:cloud 3s ease 0s infinite normal forwards;opacity:0;z-index:2;cursor:pointer}.scenario .content .character .speech-cloud:after,.scenario .content .character .speech-cloud:before{content:"";height:60px;width:100%;position:absolute;left:0;background-size:100%;background-position:center;background-repeat:no-repeat}.scenario .content .character .speech-cloud:before{top:-50px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASEAAAA5CAYAAAB5751ZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA6NJREFUeNrs3U9PE0EYx/FHEVJoGhqjFUoIq4YQDUpDw5ntzYMJB8+GxpMePXug78C3gC+AxMQXYPEKGhJI/HOQcgGsJjSSam1p1x3tSU18ljjt7vr9JHObbHZmZ3915dlZEURVyW8ejfZLK0VtIZ/lXgZACAEghACAEAJACAEAIQSAEAIAQggAIQQANp2J8dhyfnsc4/E53fZX2SlHlu4W1Qd+Xa1yZ4TI1rOnUjvY13avdJvq0H572O/xnYvxtUv7zWUJi0z4IfTg0Yq6/9rODpMWIpWXG0FCSP3jxOMYABBCAAghAIQQABBCAAghACCEABBCANArYShWLIqd4qqpIJ2d/EJsL/L5q9PysV5ntZ/CxWRS3TcZ4Ce93tH3XZifFyelO4+trS2p1WrqZS/6Pakrflu1McdheG3juYSgsnllY5s7Dr+5Mzur7nsjoT/udkPf98qQPuAKhYKUy2UbU2EOWuBxDEDsEEIACCEAhBAAEEIACCEAIIQAEEIA0BNBKqZdS+eQ5jIgDoJUQQdx+KUhA15b13l4RCzep0EyoKztGKRi2gvBdTYD+2PVpud5bneSFuXnJvfqcKsc12X17S530SkEqSi25ZL/U5qx8AKSCZX3zf7P8YvdXSuv3Zi9q5/cv2frtNXZEsmN7v3AcbpBs9gNnhxxAMT/cazv8vl8bnNz0/yTxeHSAYRQz6VSqbTwf0hArPDXMQCEEABCCAAIIQCEEAAQQgD+H6aq8Z9XQheLRVleXlb1PTgRaSjL3VPptMzc1Nclru3sWJm0ufFxGU3oNhTODooklLWjZi6+dvq/KMyexlrHg8lILXizV7N2fOZFiUYIrserzw1ptXWvbezVarJ3dKTq2zg+lsN3b1R9x0aG5dbkmKrv+vp6pVQqOdrxWakTchxHXNdV9TVl8fVOpNbxjwDSfoVhMsAm5Z2QzIVjacP2qBmQYF/QsCWd0F+QTwFe70ikUuqvzJivfbgzl9VLiMcxAJFBCAEghAAQQgBACAEghACAEAJACAFAT6iLFXO3lySdnVD19aavSXm/qjuBRFJGR+xU3brZjJXjDg/pS4qP2voCxJYXjkVRPYnvgjdzbGt8mRBsEXghmZTrGd26r7da6urqWrOlvqcrQ8E221dP25wfQtrqSkN7wmbCohZCQaqEj9rRu1E/xDiEmp698YUhhEwlv7aa32yerw6hb031PS0BQ4jHMQB9RQgBIIQAEEIA0BffBRgAo2tP0GMDHtgAAAAASUVORK5CYII=)}.scenario .content .character .speech-cloud:after{bottom:-60px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASAAAABMCAYAAADNwmoVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA9VJREFUeNrs3c9rHGUYB/B3mx9Eo7IKrpgqTU6iqbAgPWo3N28VCjkJ7UVBbz14bgL14iVKDj0Z7B8gePWUjddQCLYRvZgpaPwRgwsSLG103dkqogd5xmQyu8nnAy+5PAzv++7Od3iXd97UUkrdFLC6upparVakNH301VbKftlLh+2xhx5OL5x+Jlz/an08VLf3e0pf30twIC9OxGtv3Y3Xfra1lXb29iod2/Sjk+nyczOh2na7nebm5kK1p3xtgKoIIKAyo9HClZWVT3p/XovUfr/fy7X6E5UPLl9aRfza9UXg4Ir87HD/1EQaGxkZmrF1Op3+0ipiY2MjfN1agT6Ucpu23nw7nX/jrVIm7eLZs6Ws34fNj/sp/bCfSpmLIr9lDKPoXOThk//2WbXWVKPfIhYXF9PCwkIp/eh2uzO1Wi2zBAOOXCR8BBBQKQEECCBAAAEIIEAAAQggQAABHJoiO6FbBWqXeq0ZKaw/PZXqU6dDF202m2lpaSlUe7eb0v3xyXCHP759O1z7ysxMenJy0reHfyjyxvrUWEoTwbsv+mZ5rrP9bep8t13G8PL3K64UqG9HikYP+4J/zUO4sDdZ0QnLjwTIW4QjNjhqRR5Kz46nNBlcf2Q31wdheJ2CGWAJBgw2AQQIIEAAAQggQAABCCBAAAEcmtGSrnuj19aCtZd6bTpSmGVZ/xzbiHvdlH7+Ld7hxoWL4do7nU76qeL/0zQonm80Ku9DvqHvkeCjND9Yvb22VnmfHx9JabxWyqXbBe69IrIyOlsbgO/wair2mkcprq7fkib/Q5GD/8vyVO8x2gg+Sss8iH1A5E/ooRmgJRgggAABBCCAAAEEx8ru7m5mFgQQVKGzvLx8wzQIIKjCB6ZAAEFV3jcFg2XUFDDs8h3yX3yT/WfNzs5Oe35+Pj+n/IwZGxy1Yzy2Vnqwy5qCytoVXtZh/tffXUzXry1Ey9u9NudTtgQDBBCAAAIEEIAAAgQQgAACBBCAAAKG3HHeCV3vtaaPOKXZ2dmrm5ubrWj99Evnwtf+8NP4ZvP6xEQaGxk59PFt38n6LeLLzzfSe+9ccY8MiOP8LlgnPdh2f+L9GT7hAMpuroevXcarFUVNnZnuNyzBAAQQIIAABBAggAAEECCAAAEEcPQcSn8ytAvU5oe2X44W5+cxR114/ZINgwigExpA0RBqFQqgawvhTpx7+bwAwhIMEECAAAIQQIAAAhBAgAACEEDAMWMjIv9W9CjbVrQwP4+5aoPQB/7mwG0OqusewRIMEEAAAggQQAACCBBAAAIIEECAAAI4cn8IMACRyc0/JXIo3QAAAABJRU5ErkJggg==)}.scenario .content .character .speech-cloud.active{opacity:1}@media (max-width: 1000px){.scenario .content .character{margin-top:20px;margin-left:200px}.scenario .content .character .speech-cloud{right:50px;top:0}}.scenario .content .desktop{position:absolute;bottom:400px;left:100px}.scenario .veil{position:absolute;background-color:#0c0c0c;width:100%;height:100vh;top:0;left:0;z-index:9}.scenario .veil.disappear{animation:disappear 1s ease 0s normal forwards}.project{background-position:center;background-size:cover;display:flex;align-items:center;justify-items:center;height:100vh;position:relative}.project .next,.project .previous{font-size:4em;position:absolute;color:#fff;cursor:pointer}.project .next{right:10px}.project .previous{left:10px}.project .container{max-width:1200px;display:flex;flex-wrap:wrap;margin:auto;padding:20px;align-items:center;justify-content:center}.project .container>div{flex-grow:1;max-width:600px}.project .container .description{color:#fff;padding:20px}.project .container .description h1{color:#fff}.project .container .description .tabsWrapper .tabs{display:flex;gap:10px}.project .container .description .tabsWrapper .tabs .tab{border-radius:5px 5px 0 0;padding:10px;border-bottom:0;cursor:pointer;background-color:#000}.project .container .description .tabsWrapper .tabs .tab.active{background-color:#222}.project .container .description .tabsWrapper .tabContent{padding:20px;background-color:#222;border-radius:0 0 4px 4px;color:#a9a9a9;font-family:Roboto,sans-serif}.project .container .description .tabsWrapper .tabContent ul li{margin-top:10px}.project .container .image img{max-width:100%;width:500px}.menu{position:absolute;top:20px;right:60px;font-family:Orbitron,sans-serif;z-index:10}.menu ul{display:flex;flex-wrap:wrap;list-style:none;gap:20px}.menu a{color:#fff;text-decoration:none}.menu .icon{width:40px}@media (max-width: 1000px){.menu{position:relative;top:auto;right:auto}.menu ul{justify-content:center;align-items:center}.menu .icon{width:30px}}.tags{display:flex;width:100%;gap:5px;flex-wrap:wrap}.tags .tag{background:#000;color:#65e237;border-radius:5px;padding:5px 10px;cursor:pointer}.button{display:inline-flex;gap:5px;background-color:#fffc;border-radius:10px;padding:5px 10px;flex-wrap:wrap;margin-bottom:20px;margin-right:20px;cursor:pointer;color:#000}.button>div{flex-grow:0}