@import"https://fonts.googleapis.com/css2?family=Slackside+One&display=swap";body{margin:0;padding:0;overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0;background:#2c362a}:root{--width: 1024px;--height: 768px;--screen-back: rgb(44, 54, 42)}*{scrollbar-width:auto;scrollbar-color:#393f37 #262e24}*::-webkit-scrollbar{width:8px}*::-webkit-scrollbar-track{background:#262e24}*::-webkit-scrollbar-thumb{background-color:#393f37;border-radius:8px;border:3px dotted #ffffff}.wrapper{width:100vw;height:100vh;position:absolute;overflow:clip;top:0;left:0;display:flex;justify-content:center;align-items:center;background:#2c362a;background:linear-gradient(4deg,#2c362a,#191d19);overflow:inherit}.monitor{background-image:url(/img/computer/monitor.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;width:var(--width);height:var(--height);background-color:#2a2d27;box-shadow:16px 16px 16px #00000080;border-radius:20px;position:relative;z-index:100;overflow:inherit}.floppy_wrapper{display:flex;flex-direction:column;gap:10px;position:absolute;right:0;top:0;bottom:0;width:1px;align-items:center;z-index:150}.floppy{width:400px;height:400px;background-image:url(/img/computer/floppy.png);background-repeat:no-repeat;background-size:100% 100%;transform:rotate(-90deg);margin-left:300px;transition:all .2s ease;cursor:grab}.floppy:hover{margin-left:0}.writing{display:flex;height:125px;justify-content:center;align-items:center;font-family:Slackside One,cursive;font-weight:400;font-style:normal;font-size:50px}@media screen and (max-height: 768px) and (min-width: 1024px){.monitor{height:100vh;width:var(--width)}}@media screen and (min-height: 768px) and (max-width: 1024px){.monitor{width:100vw;height:var(--height)}}@media screen and (max-height: 768px) and (max-width: 1024px){.monitor{position:absolute;height:100vh;width:100vw}}@media screen and (max-width: 700px){.floppy_wrapper{display:none}.monitor{width:100vw;height:100dvh;box-shadow:none;border-radius:0;background-size:100% 100%}.wrapper{height:100dvh}}@media screen and (max-width: 480px){.monitor{background-image:none;background-color:#1f241e}}