*{box-sizing:border-box}body,html{padding:0;margin:0}a{color:#944ce3}a:hover{color:#b288df}img.emoji{height:1em;width:1em;margin:0 .05em 0 .1em;vertical-align:-.1em}main{position:absolute;height:100%;width:100%;background:#eaedf7;background:linear-gradient(135deg,#eaddf3,#eaedf7);overflow:hidden}::-moz-selection{color:#fff;background:#d891ef}::selection{color:#fff;background:#d891ef}.desktop{position:absolute;display:flex;flex-direction:row;flex-wrap:wrap;align-content:baseline;width:100%;height:100%;padding:.5em;gap:.5em}.desktop button{height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;align-items:center;background:transparent;border:0;cursor:pointer}.desktop button i{filter:drop-shadow(1px 1px 3px rgba(0,0,0,.5));font-size:4em}.desktop button span{padding:2px;max-width:calc(6em - 4px);border:1px solid transparent;color:#fff;text-shadow:1px 1px 3px #000;font-family:Inconsolata,"monospace"}.desktop button:focus i{filter:sepia(100%) hue-rotate(215deg) saturate(200%) brightness(80%) drop-shadow(1px 1px 3px rgba(0,0,0,.5))}.desktop button:focus span{color:#fff;background:#baa0d7;border:1px dashed #fff}.os-label{position:absolute;bottom:1em;right:1em;color:rgba(0,0,0,.2);font-size:2em;font-family:Inconsolata,"monospace";font-weight:700;font-style:italic;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.draggable-window-borders{position:absolute;border-color:#dfdfdf #000 #000 #dfdfdf;border-style:solid;border-width:1px}.draggable-window-borders:before{content:"";position:absolute;z-index:-1;height:calc(100% - 2px);width:calc(100% - 2px);border-color:#fff grey grey #fff;border-style:solid;border-width:1px}.draggable-window-borders:after{content:"";position:absolute;z-index:-2;left:1px;top:1px;height:calc(100% - 6px);width:calc(100% - 6px);border:2px solid silver}.draggable-window-container{display:flex;flex-direction:column;position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);margin:1px;font-family:Inconsolata,"monospace"}.draggable-window-title-bar{display:flex;align-items:center;width:calc(100% - 4px);margin:2px 2px 0;padding:2px;background:#d2eefb;background:linear-gradient(90deg,#d2eefb,#fdedf3)}.draggable-window-title{flex-grow:1;padding:2px 0;font-size:12px;line-height:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default}.draggable-window-title-bar button{position:relative;height:14px;width:16px;color:#000;background-color:transparent;border-color:#fff #000 #000 #fff;border-style:solid;border-width:1px;margin-left:2px;padding:2px}.draggable-window-title-bar button:before{content:"";position:absolute;top:0;left:0;height:calc(100% - 2px);width:calc(100% - 2px);background-color:silver;border-color:#dfdfdf grey grey #dfdfdf;border-style:solid;border-width:1px}.draggable-window-title-bar button span{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;font-weight:700;font-size:10px;line-height:10px}.draggable-window-title-bar button svg{height:8px;width:8px;position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;margin:auto}.draggable-window-toolbar{display:flex;list-style:none;width:calc(100% - 4px);margin:0 2px;padding:2px 4px 0;background-color:silver;font-size:12px;line-height:12px;cursor:default}.draggable-window-toolbar li{padding:4px}.draggable-window-toolbar li:hover{background:hsla(0,0%,100%,.4)}.draggable-window-toolbar li span:first-child{text-decoration:underline}.draggable-window-content-border{position:relative;width:100%;height:100%;background-color:silver}.draggable-window-content-border:before{content:"";position:absolute;top:2px;left:2px;width:calc(100% - 6px);height:calc(100% - 6px);border-color:grey #fff #fff grey;border-style:solid;border-width:1px}.draggable-window-content-border:after{content:"";position:absolute;top:3px;left:3px;width:calc(100% - 8px);height:calc(100% - 8px);border-color:#000 silver silver #000;border-style:solid;border-width:1px;z-index:-1}.draggable-window-content{position:absolute;width:calc(100% - 8px);height:calc(100% - 8px);background:#fff;margin:4px;padding:4px;z-index:10;overflow:auto}.draggable-window-content>p{margin:0;font-family:Palanquin,Arial,"sans-serif";font-size:1em;line-height:1.2em;text-align:justify}.card-container{height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:repeating-linear-gradient(120deg,#fdedf3,#fdedf3 10px,#fff 0,#fff 20px)}.card-border{position:relative;height:40%;width:85%;margin:auto;padding:2px;z-index:1}.card-border,.card-border:after{background:#675080;border-radius:6px}.card-border:after{content:"";position:absolute;top:6px;left:6px;width:100%;height:100%;z-index:-1}.card-content{height:100%;width:100%;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:4px;font-family:Palanquin,Arial,"sans-serif";overflow:hidden;white-space:nowrap;z-index:1}.card-content h1{color:#675080;font-size:3em;line-height:1em;font-weight:700;margin:0}.card-content h2{color:#ccbedc;font-size:1.5em;line-height:1.4em;font-weight:400;margin:0}.bio{max-width:400px;margin:auto;font-family:Palanquin,Arial,"sans-serif"}.bio h1{margin:0 0 .5em;padding:0;font-size:2em;line-height:1.4em;font-weight:700;text-align:center}.bio img{width:100%}.bio img+small{display:block;width:100%;margin:0 0 .5em;padding:.2em;font-size:.8em;font-style:italic;text-align:center}.bio p{margin:0 0 .5em;line-height:1.2em}.ipod-surprise{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.ipod-surprise h1{width:100%;color:#fff;background:#000;background:linear-gradient(90deg,red,#ff9e00 20%,#ff0 40%,#0f0 60%,#00f 80%,#b300ff);margin:0 0 .3em;padding:.2em;font-size:2.5em;text-align:center}.ipod-surprise img{height:0;width:100%;flex-grow:1;-o-object-fit:contain;object-fit:contain}.ipod-surprise button{color:#00f;background:transparent;margin:.3em;border:0;font-size:1.4em;text-decoration:underline;cursor:pointer}.surprise-asterisk{padding:.2em;font-size:.5em;text-align:justify}.email:before{content:"mail"}.email:after{content:"teagrrl.dev"}.pictures{max-width:100%;display:flex;flex-flow:row wrap;gap:.5em;padding:.5em 0}.pictures button{height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;align-items:center;background:transparent;border:0;cursor:pointer;gap:.5em}.pictures button i{height:1em;width:1em;display:flex;align-items:center;justify-content:center;filter:drop-shadow(1px 1px 3px rgba(0,0,0,.5));font-size:4em}.pictures button span{padding:2px;max-width:calc(6em - 4px);border:1px solid transparent;font-family:Inconsolata,"monospace";word-break:break-all}.pictures button:focus i{filter:sepia(100%) hue-rotate(215deg) saturate(200%) brightness(80%) drop-shadow(1px 1px 3px rgba(0,0,0,.5))}.pictures button:focus span{color:#fff;background:#baa0d7;border:1px dashed #fff}.notepad{height:calc(100% - 4px);width:100%;resize:none;border:0}.notepad:focus{outline:none}