.App{--container-padding: 2px;--grid-column-gap: 0px;--grid-row-gap: 0px}.App{box-sizing:border-box;height:100%;font-size:2rem;padding:var(--container-padding)}.App{display:grid;justify-items:stretch;column-gap:var(--grid-column-gap);row-gap:var(--grid-row-gap);grid-template-columns:max-content 1fr auto;grid-template-rows:auto 1fr auto;grid-template-areas:"header header header" "menu content properties" "footer footer footer"}.App .header{grid-area:header;background-color:var(--app-header-background-color);border-bottom:1px solid var(--app-border-color)}.App .content{grid-area:content;background-color:var(--app-content-background-color);border-right:1px solid var(--app-border-color);border-left:1px solid var(--app-border-color);overflow:hidden}.App .footer{grid-area:footer;background-color:var(--app-footer-background-color);border-top:1px solid var(--app-border-color)}.Cocktails{box-sizing:border-box;height:100%;font-size:1rem;padding:20px;overflow-x:hidden;overflow-y:auto}.Cocktails>h1{margin:0;margin-bottom:2rem}.Cocktails h2{margin:0}.Cocktails>.drink-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start}.Cocktails .drink-list{width:min(210px,max-content)}.Cocktails .drink-list ol{margin:0;padding-left:20px}.Cocktails .drink-list li{cursor:pointer}.Cocktails .drink-list li:hover{font-weight:700}.Cocktails .drink-image{display:flex;flex-direction:column;align-items:center}.Cocktails .drink-image img{max-width:25rem;margin-top:1rem;margin-left:3rem;margin-right:3rem;border:3px solid darkgrey;padding:3px}.Dashboard{box-sizing:border-box;height:100%;font-size:1rem;padding:20px;word-wrap:break-word;overflow-x:hidden;overflow-y:auto}.Dashboard>h1{margin:0}.Dashboard li{margin-top:.2rem}.FileNotFound{color:#c3c0c0;box-sizing:border-box;padding:40px}.FileNotFound .message{padding:20px;font-size:1.25rem;background-color:#641c6a;border-radius:25px}.FileNotFound .home-container{display:flex;flex-direction:column;align-items:center;padding-top:20px}.FileNotFound a{white-space:nowrap;width:max-content;text-decoration:none;font-weight:400;color:var(--app-font-color);background-color:#d3d3d3;border:2px solid darkgrey;border-radius:5px;padding:5px}.FileNotFound a:hover{font-weight:700}.FileNotFound a.active{font-weight:700;text-decoration:overline}.Footer{--border-top-size: 2px;--border-top-color: darkgray}.Footer{font-size:.9rem;padding:2px;box-sizing:border-box;border-top:var(--border-top-size) solid var(border-top-color);display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:1rem}.Footer .message{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Footer .clock{white-space:nowrap;width:max-content}.Header{--border-bottom-size: 2px;--border-bottom-color: darkgray}.Header{font-size:1rem;padding:2px;box-sizing:border-box;border-bottom:var(--border-bottom-size) solid var(border-bottom-color);display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:1rem}.Header a{white-space:nowrap;width:max-content;text-decoration:none;font-weight:400;color:var(--app-font-color);transition:color 1s linear 0s}.Header a.active{font-weight:700;text-decoration:overline}.Header .app-name{font-size:1.4rem;font-weight:700;color:var(--app-company-color);cursor:default}.Header div.menu-item{cursor:pointer}.Header .menu-item:hover{color:red;font-weight:700}.Header .expander{flex-grow:1}.Ball{--ball-font-size: 3rem;--ball-radius: 3rem;--ball-padding: 1rem;--ball-size: calc(var(--ball-font-size) + var(--ball-padding) / 2)}.Ball{height:var(--ball-size);width:var(--ball-size);min-width:var(--ball-size);font-size:var(--ball-font-size);font-weight:500;border-radius:var(--ball-radius);border:3px solid darkgray;color:#282828;padding:var(--ball-padding)}.Ball .blur-number{filter:blur(4px)}.Ball.standard-ball{background-color:#d3d3d3}.Ball.power-ball{background-color:#9d0101;color:#d3d3d3}.Ball.winning-ball{border:3px solid rgb(1,159,250)}.Lotto{--win-image-size: 400px;--number-labels-color: rgb(2, 141, 13);--play-button-color: rgb(83, 240, 96)}.Lotto{box-sizing:border-box;height:100%;font-size:1rem;padding:20px;overflow-x:hidden;overflow-y:auto;display:grid;grid-template-columns:max-content auto;grid-template-rows:min-content min-content min-content min-content;grid-template-areas:"title title" "balls image" "play image" "stats image"}.Lotto>h1{grid-area:title;margin:0;margin-bottom:1rem}.Lotto>.play-container{grid-area:balls;background-color:#cbeddb;display:flex;padding:.25rem 1rem 1rem;flex-direction:column;width:fit-content;border:2px solid var(--number-labels-color);border-radius:.25rem}.Lotto .play-container .ball-container{display:flex;column-gap:.75rem;text-align:center;margin-left:.5rem}.Lotto>.play-container>.number-labels{font-size:1.45rem;font-weight:600;color:var(--number-labels-color);margin-top:1rem;margin-bottom:.5rem}.Lotto>.play-container.winner{background-color:#c3e8ff}.Lotto .play-controls{grid-area:play;padding:1rem;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}.Lotto>.play-controls .play-button{font-size:1.25rem;font-weight:600;width:8rem;height:2.75rem;border-radius:.35rem;background-color:var(--play-button-color)}.Lotto>.play-controls .play-till-win{display:flex;flex-direction:column;align-items:flex-start}.Lotto .winning-image{grid-area:image;width:var(--win-image-size);border:2px solid black;margin-left:1rem}.Lotto .statistics{grid-area:stats;display:grid;margin-top:.75rem;padding-top:1rem;padding-left:1rem;padding-bottom:1rem;row-gap:.75rem;grid-template-columns:1fr auto 1fr auto 1fr auto;grid-template-rows:min-content min-content;border-top:2px solid darkgrey}.Lotto .statistics .label{font-weight:700}.Lotto .statistics .pain-value{justify-self:right;margin-left:1rem;margin-right:1rem}.Notes{box-sizing:border-box;height:100%;font-size:1rem;padding:20px;background-color:#81cbd0;word-wrap:break-word;overflow-x:hidden;overflow-y:auto}.Notes>h1{margin:0}.Notes>h2{color:var(--app-company-color)}.Profile{margin:40px;padding:20px;font-size:1.5rem}this-is-a-comment{animation:example 5s linear 2s infinite alternate;animation-name:example;animation-duration:5s;animation-timing-function:linear;animation-delay:2s;animation-iteration-count:infinite;animation-direction:alternate}.Solitaire{box-sizing:border-box;height:100%;font-size:1rem;padding:20px;word-wrap:break-word;overflow-x:hidden;overflow-y:auto;background-color:#bafbeb}.Solitaire button{padding:5px;margin-bottom:20px;width:70px;margin-right:10px}.Solitaire .card-image{width:300px;height:150px;position:relative;border-radius:1rem;border:2px solid black;animation-name:drop;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate;animation-fill-mode:both;animation-timing-function:ease;animation-play-state:paused}@keyframes drop{0%{transform:translateY(0);opacity:1}to{transform:translate(50px,50px);opacity:.6;border:2px solid white}}.Solitaire .source-container{display:flex;gap:10px}.Solitaire .source-container>div{width:140px;height:50px;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:2rem;border-radius:5px;border:2px solid darkblue}.Solitaire .source-container>div:nth-child(1){background-color:red}.Solitaire .source-container>div:nth-child(2){background-color:#add8e6}.Solitaire .source-container>div:nth-child(3){background-color:#ffffe0}.Solitaire .source-container>div:nth-child(4){background-color:#90ee90}.Solitaire .bucket{margin-top:50px;width:200px;height:100px;border-radius:5px;border:2px solid darkred}.card{width:125px;height:200px;border:1px solid darkblue;border-radius:8px;box-shadow:2px 3px 2px 2px #c1c0c0b3;text-align:center}.game-container{box-sizing:border-box;padding:5px;height:100%;display:grid;justify-items:stretch;row-gap:10px;grid-template-columns:max-content auto max-content;grid-template-rows:auto 1fr;grid-template-areas:"hold . destination" "play-area play-area play-area"}.hold-container{box-sizing:border-box;background-color:#fff;border:5px solid rgba(0,145,255,.494);padding:10px;grid-area:hold;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;column-gap:10px}.hold-container .hold{background-color:#f2f0f0}.destination-container{grid-area:destination;box-sizing:border-box;background-color:#fff;border:5px solid rgba(0,255,140,.556);padding:10px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;column-gap:10px}.destination-container .destination{background-color:#f2f0f0}.play-area-container{grid-area:play-area;height:100%;display:grid;grid-template-columns:1fr 1fr;column-gap:10px}.left-container{background-color:#a4e4fd}.right-container{background-color:#85b9ce}.tight-card{width:125px;height:200px;border:1px solid darkblue;background-color:#faebd7;border-radius:8px;overflow-y:hidden;z-index:92}.cardical{width:125px;height:200px;border:1px solid darkblue;background-color:transparent;border-radius:8px;overflow-y:hidden;z-index:-1}.column-container{box-sizing:border-box;background-color:#f9dede;text-align:center;padding:10px;width:min-content;height:600px;display:grid;grid-template-columns:min-content;grid-template-rows:repeat(18,minmax(35px,1fr))}.tight-column-holder{width:200px;display:inline-block}.tight-button-holder{width:150px}:root{--app-company-color: rgb(3, 23, 154);--app-background-color: rgb(226, 226, 226);--app-header-background-color: rgb(241, 239, 239);--app-menu-background-color: rgb(241, 239, 239);--app-properties-background-color: rgb(215, 215, 215);--app-content-background-color: rgb(224, 231, 233);--app-footer-background-color: rgb(241, 239, 239);--app-border-color: rgb(187, 187, 187);--app-font-color: rgb(22, 23, 23)}html,body{box-sizing:border-box;color:var(--app-font-color);background-color:var(--app-background-color);height:100%;margin:0;padding:0;font-family:Roboto,Inter,sans-serif;font-size:100%;user-select:none}body{border:2px solid var(--app-border-color)}.root-div{height:100%}.OopsSorry{margin:40px;padding:20px;background-color:#b13838;color:#c3c0c0;font-size:1.5rem}