@import"https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&display=swap";body{margin:0;padding:0;background:#242424;color:#333;font-family:Nunito}a{color:#333;text-decoration:none}.content{max-width:960px;margin:0 auto}nav{margin:10px auto 80px;padding:10px 0;display:flex;justify-content:flex-end;align-items:flex-end;border-bottom:1px solid #ddd}nav a{margin-left:12px}nav .logo{margin-right:auto}button{display:flex;justify-content:center;border:0;color:#000;cursor:pointer;font-size:.8rem;line-height:1;background-color:#78f89f}button:hover{background-color:#0e6b2a}footer{display:block;text-align:center;padding:30px 0;margin-top:60px;color:#777;border-top:1px solid #eaeaea}.container{width:520px;height:380px;padding-left:0;padding-right:0;display:centerblock;transform:translate(-0%,-0%);position:absolute;top:0;left:0;box-sizing:border-box}.canvas{border:3px solid black;width:520px;height:380px;margin-left:20px;image-rendering:pixelated}.textGame{margin-left:20px;resize:none}main{width:100vw;height:100vh}@keyframes parallax{0%{background-position:100px 100px}50%{background-position:-3000px -3000px}to{background-position:100px 100px}}:root{--marin_color: rgb(180 227 87);--jarvis_color: rgb(241 186 55);--tommy_color: rgb(164 35 54);--temaki_color: rgb(166 159 150);--geraldo_color: rgb(43 173 150)}.card{margin:1rem;padding:1.5rem;text-align:left;color:inherit;background-color:#f5f5f5;text-decoration:none;border:1px solid black;border-radius:10px;transition:color .15s ease,border-color .15s ease;width:516px;max-width:516px;min-height:200px;margin-right:auto;margin-left:auto}.card h2{margin:0 0 1rem;font-size:1.5rem}.card p{margin:0;font-size:1.25rem;line-height:1.5}.buttonItem{flex:1}.card img{border:solid;background:var(--jarvis_color)}.modal{width:500px;background:white;border:1px solid #ccc;transition:1.1s ease-out;box-shadow:#00000040 0 14px 28px,#00000038 0 10px 10px;filter:blur(0);transform:scale(1);opacity:1;visibility:visible}h2{border-bottom:1px solid #ccc;padding:1rem;margin:0}.content{padding:1rem}.actions{border-top:1px solid #ccc;background:#eee;padding:.5rem 1rem}button{border:0;background:#78f89f;border-radius:5px;padding:.5rem 1rem;font-size:.8rem;line-height:1}.file-window{height:100%;background-color:#1e1e1e;color:#abb2bf;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;display:flex}.header{background-color:#1e1e1e;color:#abb2bf;padding:10px;display:flex;justify-content:space-between;align-items:center}.title{font-size:16px}.sidebar{background-color:#282c34;padding:10px;overflow-y:auto}.sidebar h2{font-size:14px;margin-bottom:10px}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{padding:5px 0;cursor:pointer;transition:background-color .3s}.sidebar li:hover{background-color:#3a3f4b}.icon{width:20px;height:20px;margin-right:5px}.main-content{flex:1;padding:10px}.main-content h2{font-size:16px;margin-bottom:10px}.main-content ul{list-style:none;padding:0;margin:0}.main-content li{padding:5px 0;cursor:pointer;transition:background-color .3s}.main-content li:hover{background-color:#3a3f4b}.folder-list-item{display:flex}.active{background-color:#3a3f4b}.jvc-container{height:100%;margin-bottom:60px}.button-jvc{background-color:#61afef;color:#fff;border:none;padding:8px 16px;font-size:14px;cursor:pointer;border-radius:4px;transition:background-color .3s,color .3s;&:hover{background-color:#4c8ee2;color:#fff}}.code-view{overflow:hidden;height:240px}.code-view-top-buttons{display:flex;justify-content:end;gap:8px}