*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{background-color:#000;font-family:Courier New,Courier,monospace}h1{color:#fff;margin-bottom:10px;font-family:Silkscreen;font-size:20px;font-weight:400}.container{grid-template-rows:2fr 1fr;grid-template-columns:1.5fr 2fr 2fr 1.5fr;gap:5px;width:100%;height:100vh;display:grid}.performence{opacity:0;background-color:#000;border:2px solid #fff;flex-direction:column;grid-area:1/1/2/2;place-items:center;animation:.6s .2s forwards startup;display:flex}.clock{color:#fff;font-family:Silkscreen;font-size:50px;font-weight:400;display:flex}.date{color:#fff;margin-bottom:15px;font-family:Silkscreen;font-size:18px}.battery-div{color:#fff;margin-bottom:20px;font-family:Bitcount Single}.userstatus{color:#fff;font-family:Bitcount Single}.weathername{color:#fff;font-family:Silkscreen;font-size:18px}.weather .weatherdata{color:#fff;margin-left:10px;font-family:Bitcount Single;font-size:18px}.terminal{opacity:0;background-color:#000;border:2px solid #fff;grid-area:1/2/2/4;animation:.6s .8s forwards startup}#theterminal{opacity:0;border:none;width:100%;height:100%;animation:.6s 1s forwards startup}.filefolder{opacity:0;background-color:#000;border:2px solid #fff;flex-direction:column;grid-area:2/1/3/3;padding:10px;animation:.6s .6s forwards startup;display:flex}.todo{color:#fff;align-items:top;margin-bottom:5px;font-family:Silkscreen;font-size:18px;font-weight:400}#taskInput{color:#fff;background-color:#000;border:1px solid #fff;width:100%;height:12%;margin-bottom:5px;display:flex}input[type=checkbox]{accent-color:#000;order:1}#taskList{color:#fff;flex-flow:wrap;gap:8px;font-family:Silkscreen;font-size:14px;font-weight:200;display:flex}task{white-space:nowrap;border:1px solid #fff;align-items:center;gap:8px;padding:4px 8px;display:flex}task span:last-child{cursor:pointer;order:-1}task span:last-child:hover{color:red}.keyboard-container{opacity:0;background-color:#000;border:2px solid #fff;grid-area:2/3/3/5;place-items:center;padding:10px;animation:.6s forwards startup;display:flex}#keyboard{align-self:center;margin:0;padding:0;list-style:none}#keyboard li{float:left;text-align:center;color:#fff;background:#000;border:1px solid #f9f9f9;width:40px;height:40px;margin:0 5px 5px 0;font-family:Bitcount Single;font-size:18px;line-height:40px}.capslock,.tab,.left-shift{clear:left}#keyboard .tab,#keyboard .delete{width:95px}#keyboard .capslock{width:90px}#keyboard .return{width:144px}#keyboard .left-shift,#keyboard .right-shift{width:120px}.lastitem{margin-right:0}.uppercase{text-transform:uppercase}#keyboard .space{width:340px}#keyboard .fool{width:150px}#keyboard .fool2{width:45px}.on{display:none}#keyboard li:hover{color:#000;cursor:pointer;background-color:#fff;border-color:#e5e5e5;position:relative;top:1px;left:1px}#keyboard li.active{color:#000;background-color:#fff;border-color:#fff}.updates{opacity:0;background-color:#000;border:2px solid #fff;flex-direction:column;grid-area:1/4/2/5;place-items:center;animation:.6s .4s forwards startup;display:flex}.astroid{color:#fff;font-family:SilkScreen;font-size:18px;font-weight:400}.assdata{color:#fff;margin-left:15px;font-family:Bitcount Single;font-size:18px}.terminal{--color:#4fd6e8;--background:#0a0e12;height:100%;font-size:15px}@keyframes startup{0%{opacity:0;filter:brightness(.3);transform:translateY(20px)scale(.98)}70%{filter:brightness(1.3)}to{opacity:1;filter:brightness();transform:translateY(0)scale(1)}}