body {
    background: #56AAAA;
    margin: 0;
    padding: 0;
    font-family: "Pixelify Sans", sans-serif;
    font-style: normal;
    user-select: none;
}

.desktop {
    display: grid;
    grid-template-columns: 160px 160px 160px;
}

/*RASU.PNG*/
.rasu-png {
    display: grid;
    grid-template-rows: auto 391px;
    width: 395px;
    height: 431px;
    margin-top: 1%;
    margin-left: 13%;
    background-color: #C2C5CD;
    border-top: 1px solid #F6F7F8;
    border-left: 1px solid #F6F7F8;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    z-index: 2;
    padding: 2px;
    align-items: center;
    justify-content: center;
}

.rasu-png-name {
    display: grid;
    grid-template-columns: 30px auto 30px 30px 30px;
    background-color: #85888D;
    height: 30px;
    padding: 2px;
    margin-bottom: 2px;
}

.rasu-icon {
    object-fit: contain;
    height: 30px;
}

.rasu-icon img {
}

.rasu-text {
    margin: auto 0 auto 5px;
}

.rasu-png-image {
}

.rasu-png-image img {
    border-top: 1px solid #85888D;
    border-left: 1px solid #85888D;
    border-bottom: 1px solid #F6F7F8;
    border-right: 1px solid #F6F7F8;
    box-shadow: 1px 1px 0 #000 inset;
    object-fit: contain;
    height: 390px;
}

/*NOTEPAD*/
.notepad {
    display: none;
    grid-template-rows: auto auto 780px;
    width: 800px;
    height: 830px;
    margin-left: 40%;
    position: absolute;
    top: 5%;
    background-color: #C2C5CD;
    border-top: 1px solid #F6F7F8;
    border-left: 1px solid #F6F7F8;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    z-index: 3;
    padding: 2px;
    justify-content: center;
}

.notepad-name {
    display: grid;
    grid-template-columns: 30px auto 30px 30px 30px;
    background-color: #0000A8;
    height: 30px;
    width: 793px;
    padding: 2px;
    margin-bottom: 2px;
    color: #fff;
}

.notepad-icon {
    object-fit: contain;
    height: 30px;
}

.notepad-icon img {
    height:30px;
    width:30px;
}

.notepad-text {
    margin: auto 0 auto 5px;
}

.options {
}

.words {
    padding-right: 3px;
    display: inline;
    cursor: pointer;
}

.notepad-txtscroll {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
}

.notepad-image {
    border-top: 1px solid #85888D;
    border-left: 1px solid #85888D;
    border-bottom: 1px solid #F6F7F8;
    border-right: 1px solid #F6F7F8;
    box-shadow: 1px 1px 0 #000 inset;
    width: 760px;
    height: 730px;
    right: 0;
    bottom: 0;
    background-color: white;
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: none;
}

.notepad-image img {
    object-fit: contain;
    width: 760px;
}

.scrollbarr {
    display: grid;
    grid-template-rows: 33px auto 33px;;
    background-color: #D9D9D9;
    height: 730px;
    width: 33px;
    z-index: 4;
    border-top: 1px solid #85888D;
    border-right: 1px solid #F6F7F8;
}

.arrowsr img {
    object-fit: contain;
    width: 33px;
}

.pixelsr {
    object-fit: contain;
    width: 33px;
    background-image: url("images/pixelsr.jpg");
}

.test {
    border-top: 1px solid #F6F7F8;
    border-left: 1px solid #F6F7F8;
    border-bottom: 1px solid #85888D;
    border-right: 1px solid #85888D;
    width: 31px;
    height: 597px;
    margin-top: 0px;
    background-color: #D9D9D9;
    z-index: 4;
}

.scrollbarb {
    display: grid;
    grid-template-columns: 38px auto 38px;
    background-color: #D9D9D9;
    height: 38px;
    width: 760px;
    margin-bottom: 8px;
    margin-top: 0;
    border-left: 1px solid #85888D;
    border-bottom: 1px solid #F6F7F8;
}

.arrowsb img {
    object-fit: contain;
    height: 38px;
}

.pixelsb {
    object-fit: contain;
    height: 38px;
    background-image: url("images/pixelsb.jpg");
}

.minimize {
    height: 25px;
    width: 25px;
    background-color: #D9D9D9;
    border-top: 1px solid #F6F7F8;
    border-left: 1px solid #F6F7F8;
    border-bottom: 1px solid #85888D;
    border-right: 1px solid #85888D;
    box-shadow: 1px 1px 0 #000;
    margin: auto 2px auto 2px;
    object-fit: contain;
}

.minimize .min-icon {
    height: 20px;
    margin: 0 2px 0 2px;
    border-bottom: 2px solid #000;
}

.maximize {
    height: 25px;
    width: 25px;
    background-color: #D9D9D9;
    border-top: 1px solid #F6F7F8;
    border-left: 1px solid #F6F7F8;
    border-bottom: 1px solid #85888D;
    border-right: 1px solid #85888D;
    box-shadow: 1px 1px 0 #000;
    margin: auto 2px auto 2px;
    object-fit: contain;
}

.maximize .max-icon {
    height: 15px;
    margin: 2px 2px 0 2px;
    border-bottom: 2px solid #000;
    border-top: 4px solid #000;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
}

.close {
    height: 25px;
    width: 25px;
    background-color: #D9D9D9;
    border-top: 1px solid #F6F7F8;
    border-left: 1px solid #F6F7F8;
    border-bottom: 1px solid #85888D;
    border-right: 1px solid #85888D;
    box-shadow: 1px 1px 0 #000;
    margin: auto 2px auto 2px;
    object-fit: contain;
    color: #000;
}

.close .close-icon {
    height: 18px;
    margin: -8px 2px 0 2px;
    text-align: center;
    vertical-align: baseline;
    font-size: 30px;
}


.datingsin {
    display: none; /*grid*/
    grid-template-rows: auto auto 780px;
    width: 900px;
    height: 590px;
    margin-left: 40%;
    position: absolute;
    top: 5%;
    background-color: #C2C5CD;
    border-top: 1px solid #F6F7F8;
    border-left: 1px solid #F6F7F8;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    z-index: 5;
    padding: 2px;
}

.datingsin-name {
    display: grid;
    grid-template-columns: 30px auto 30px 30px 30px;
    background-color: #0000A8;
    height: 30px;
    width: 893px;
    padding: 2px;
    margin-bottom: 2px;
    color: #fff;
}

.dating-sin-mainmenu {
    display: grid;                      /*change to grid*/
    grid-template-columns: 266px auto 266px;
    border-top: 1px solid #85888D;
    border-left: 1px solid #85888D;
    border-bottom: 1px solid #F6F7F8;
    border-right: 1px solid #F6F7F8;
    box-shadow: 1px 1px 0 #000 inset;
    width: 893px;
    height: 528px;
    right: 0;
    bottom: 0;
    background-color: #6c465f;
    overflow: hidden;
    object-fit: cover;

}

.ds_img_left {
    border-top: 1px solid #85888D;
    border-left: 1px solid #85888D;
    height: 528px;
}

.ds_img_right {
    border-top: 1px solid #85888D;
    border-right: 1px solid #F6F7F8;
    height: 528px;
}

.mainmenu_font {
    /*height: 320px;*/
    object-fit: cover;
    padding: 5px;
    text-align: center;
    display: flex;
    align-self: center;
    align-content: center;
    margin-bottom: 35px;
}

.mainmenu_font img {
    width: 300px;
    margin: 0 auto 0 auto;
}

.mainmenu_buttons {
    background-color: #d489b9;
    border: 1px solid #000;
    box-shadow: 1px 1px #a06b8d inset;
    width: 200px;
    margin: 0 auto 20px auto;
    font-size: 1.75rem;
    padding: 5px;
    text-align: center;
    cursor: pointer;
}

.mainmenu_buttons_exit {
    background-color: #d489b9;
    border: 1px solid #000;
    box-shadow: 1px 1px #a06b8d inset;
    width: 200px;
    font-size: 1.75rem;
    padding: 5px;
    text-align: center;
    /*position: absolute;
    margin: 0 auto 40px auto;
    bottom: 0;
    left: 0;
    right: 0;*/
    margin: 75px auto 20px auto;
    cursor: pointer;
}

.dating-sin-idee {
    display: none;
    border-top: 1px solid #85888D;
    border-left: 1px solid #85888D;
    border-bottom: 1px solid #F6F7F8;
    border-right: 1px solid #F6F7F8;
    box-shadow: 1px 1px 0 #000 inset;
    width: 893px;
    height: 528px;
    right: 0;
    bottom: 0;
    background-color: #6c465f;
}

.idee_text {
    justify-content: normal;
}

.p_title {
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
}

.p_normal {
    padding: 0 20px 0 20px;
    text-align: left;
}

.p_ds {
    padding: 0 20px 0 20px;
    text-align: left;
    margin-block: 0;
}

.loading {
    align-content: baseline;
    float:right;
    margin: 0 10px 0 10px;
}

.loading img {
    height: 250px;
}

.dating-sin-chars {
    display: none; /* initial */
    border-top: 1px solid #85888D;
    border-left: 1px solid #85888D;
    border-bottom: 1px solid #F6F7F8;
    border-right: 1px solid #F6F7F8;
    box-shadow: 1px 1px 0 #000 inset;
    width: 893px;
    height: 528px;
    background-color: #6c465f;
}

.dating-sin-chars p {
    text-align: center;
    font-size: 1.5rem;
}

.chars {
    display: flex;
    align-items: center;
    text-align: center;
}

.chars p {
    margin: 0 auto 0 auto;
    font-size: 2rem;
    cursor: pointer;
}

.dating-sin-chars img {
    margin: 0 auto 0 auto;
    border-bottom: 2px solid #000;
    height: 300px;
}

.dating-sin-story {
    display: none; /*initial*/
    border-top: 1px solid #85888D;
    border-left: 1px solid #85888D;
    border-bottom: 1px solid #F6F7F8;
    border-right: 1px solid #F6F7F8;
    box-shadow: 1px 1px 0 #000 inset;
    width: 893px;
    height: 528px;
    background-color: #6c465f;
}

span {
    margin-right: 5px;
}

.dressforsuccessindex {
    display: none; /* grid */
    grid-template-rows: auto auto auto auto 780px;
    width: 900px;
    height: 590px;
    margin-left: 38%;
    position: absolute;
    top: 2%;
    background-color: #C2C5CD;
    border-top: 1px solid #F6F7F8;
    border-left: 1px solid #F6F7F8;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    z-index: 5;
    padding: 2px;
    font-family: Tahoma;
}

.dressforsuccess {
    display: grid; /* grid */
    grid-template-rows: auto auto auto auto 780px;
    width: 900px;
    height: 590px;
    margin-left: 38%;
    position: absolute;
    top: 2%;
    background-color: #C2C5CD;
    border-top: 1px solid #F6F7F8;
    border-left: 1px solid #F6F7F8;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    z-index: 5;
    padding: 2px;
    font-family: Tahoma;
}

.mainsite {
    display: flex;
    border-left: 1px solid #85888D;
    border-bottom: 1px solid #F6F7F8;
    border-right: 1px solid #F6F7F8;
    box-shadow: 1px 1px 0 #000 inset;
    width: 893px;
    height: 528px;
    right: 0;
    bottom: 0;
    background-color: #6c465f;
}
.stuffabove {
    border-top: 1px solid #85888D;
    border-left: 1px solid #85888D;
    border-right: 1px solid #85888D;
    border-bottom: 1px solid #F6F7F8;
    margin-bottom: 3px;
    width: 893px;
    padding-left: 2px;
}

.optionsbrowser {
    border-top: 1px solid #F6F7F8;
    border-bottom: 1px solid #85888D;
}

.lotsoficons {
    background-color: #C2C5CD;
    border-top: 1px solid #F6F7F8;
    border-bottom: 1px solid #85888D;
    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto auto auto;
}

.webaddress {
    background-color: #C2C5CD;
    border-top: 1px solid #F6F7F8;
    border-bottom: 1px solid #85888D;
    display: grid;
    grid-template-columns: auto auto;
    text-align: center;
}

.adressleiste {
    border-left: 1px solid #85888D;
    border-top: 1px solid #85888D;
    border-right: 1px solid #F6F7F8;
    border-bottom: 1px solid #F6F7F8;
    background-color: #fff;
    width: 815px;
    text-align: left;
    padding-left: 2px;
}

.dfs_start {
    border-top: 1px solid #85888D;
    border-left: 1px solid #85888D;
    border-bottom: 1px solid #F6F7F8;
    border-right: 1px solid #F6F7F8;
    box-shadow: 1px 1px 0 #000 inset;
    width: 893px;
    height: 468px;
    object-fit: fill;
    position: relative;
    display: inline-block;
    overflow: hidden;
    background: #fff;
}

.dfs_start img {
    display: block;
    width: 100%;
    height: auto;
}

.dfs_text {
    display: grid;
    grid-template-columns: auto auto auto auto;
    position: absolute;
    top: 6%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #F6F6F6;
    color: #6C8494;
    padding: 10px 1px;
    font-size: 20px;
    text-align: center;
    box-shadow: 0 5px 6px #00000029;
    border-radius: 25px;
    width: 400px;
    z-index: 6;
}

.dfs_text a {
    text-decoration: none;
    color: #6C8494;

}

.unterteilungen {
    cursor: pointer;
    font-size: 1.5rem;
    border-right: 1px solid #6C8494;
}

.unterteilungen-rechts {
    cursor: pointer;
    font-size: 1.5rem;
}

.unterteilungen img {
    height: 30px;
}

.unterteilungen-rechts img {
     height: 30px;
}

.suchleiste {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-left: 10px;
    font-size: 0.9rem;
}

.functionalleiste input[type=text] {
    background: #fff;
    border: 1px solid #6C8494;
    border-radius: 33px;
    width: 380px;
    color: #6C849487;
    margin-top: 5px;
    padding: 3px 20px 3px 10px;
    font-size: 0.8rem;
}

.dfs_beschreibung {
    position: absolute;
    top: 62%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ECE4DB;
    border: 1px solid #707070;
    border-radius: 20px;
    color: #6C8494;
    width: 430px;
    height: 295px;
    padding: 8px;
    font-size: 0.8rem;
}


/*CLOTHES LIST*/
.oberproducts {
    background: #fff;
    display: grid;
    grid-template-rows: auto auto auto;
}

.products_columns {
    display: grid;
    grid-template-columns: 100px auto;

}

.dfs_block {
    background: #f4f4f4;
    width: 100%;
    color: #555;
    margin-bottom: 20px;
    margin-top: 40px;
    padding: 15px;
    font-size: 0.9rem;
}

.section-title {
    /*margin-top: 120px;*/
    background: #fff;
    border-right: 1px solid #707070;
    color: #555;
    width: 100px;
    height: 330px;
    padding: 8px;
    font-size: 0.8rem;
}

.section-title a {
    color: #6C8494;
    text-decoration: none;
}

.product-right {
    /*margin-top: 120px;*/
}

.product {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-column-gap: 10px;
}

.product-left {
    /*margin-top: 140px;*/
    margin-left: 50px;
}

.product-left img {
    height: 100px;
    object-fit: cover;
    margin-left: auto;
    margin-right: auto;
}

.product_img img {
    height: 130px;
    object-fit: cover;
    margin-left: auto;
    margin-right: auto;
}

.title a {
    font-weight: bold;
    font-size: 1rem;
    text-decoration: none;
    color: #555;
}

.title a:hover {
    text-decoration: underline;
}

.description {
    margin-top: 5px;
    font-size: 0.8rem;
}

.price {
    font-size: 0.8rem;
    margin-top: 8px;
    color: darkred;
}

/* YOUTUBE */
.youtube {
    display: none; /* grid */
    grid-template-rows: auto auto auto;
    width: 900px;
    height: 637px;
    margin-left: 35%;
    position: absolute;
    top: 10%;
    background-color: #C2C5CD;
    border-top: 1px solid #F6F7F8;
    border-left: 1px solid #F6F7F8;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    z-index: 5;
    padding: 2px;
    font-family: Tahoma;

}

.youtube_test {
    display: grid;
    grid-template-rows: auto auto auto;
    border-top: 1px solid #85888D;
    border-left: 1px solid #85888D;
    border-bottom: 1px solid #F6F7F8;
    border-right: 1px solid #F6F7F8;
    box-shadow: 1px 1px 0 #000 inset;
    width: 893px;
    height: 528px;
    overflow-y: scroll;
    font-family: Tahoma;
    background-color: #4C4D52;
    justify-content: center;
    color: #fff;
}

.youtubeheader {
    display: grid;
    grid-template-columns: auto auto auto;
    margin-top: 25px;
    padding: 5px 3px 5px 3px;
    margin-left: auto;
    margin-right: auto;
    width: 675px;
    height: fit-content;
    background: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #0033cc;
    align-items: center;
}

.youtubeheader img {
    height: 40px;
}

.youtubelinks {
    font-size: 0.7rem;
    float: left;
    padding-right: 35px;
}

.ytsearch {
    display: grid;
    grid-template-rows: auto auto;
    font-size: 10px;
    float: right;
    text-align: right;
}

.ytsearchbar {
    float: right;
    align-self: flex-end;
    margin-top: 3px;
}

.ytsearch img {
    height: 10px;
    margin-left: 3px;
}

.youtubetabs {
    color: #00ffcc;
    text-align: center;
    padding: 10px;
    font-size: 0.8rem;
    height: fit-content;
}

.underlined {
    text-decoration: underline;
}

.youtubechannel {
    width: 675px;
    display: grid;
    grid-template-columns: 235px 440px;
    justify-content: center;
}

.ytchanneldescription {
    display: grid;
    grid-template-rows: auto auto auto;
    margin-right: 10px;
    justify-content: initial;
}

.tokichannel {
    display: grid;
    grid-template-rows: auto auto;
    border: 1px solid #949494;
    justify-content: initial;
}

.tokichannelhead {
    display: flex;
    background-color: #949494;
    padding: 4px 6px 4px 6px;
    font-size: 0.8rem;
    height: fit-content;
    cursor: text;
    vertical-align: middle;
}

.tokichannelhead b {
    align-self: center;
}

.tokichannelhead button {
    display: initial;
    background-color: #fddb2b;
    border: 1px solid #edc100;
    color: #994825;
    border-radius: 4px;
    padding: 5px;
    box-shadow: 0 10px 10px #fff7b3 inset;
    font-weight: bolder;
    cursor: pointer;
    margin-left: auto;
}

.tokichanneltext {
    display: flex;
    justify-content: initial;
    font-size: 0.8rem;
    padding: 0 4px 0 4px;
}

.tokichanneltext p {
    cursor: text;
    margin-left: 4px;
}

.tokichanneltext p b {
    font-size: 0.8rem;
}

.tokichanneltext img {
    height: 80px;
    border: 1px double #fff;
    border-width: 3px;
    margin-top: 10px;
}

.tokichannelhead button:hover {
    box-shadow: 0 10px 15px #fff inset;
    text-decoration: underline;

}

.ytchannelvideos {
    justify-content: center;

}

.ytpresvideo {
    display: grid;
    grid-template-rows: auto auto;
    justify-content: center;
}

.channelmainvid {

}

.channelmainviddesc {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    height: fit-content;
    border: 1px solid #949494;
}

.channelmainviddesc p {
    font-size: 0.8rem;
    margin: 0;
    cursor: text;
}

.channelmainviddesc b {
    text-decoration: underline;
    font-weight: bold;
    color: #00ffcc;
    cursor: pointer;
}

.bbigger {
    font-size: 0.9rem;
}

.beginningtext {
    display: flex;
    justify-content: initial;
    font-size: 0.8rem;
    padding: 0 4px 0 4px;
}

.tokichannelhead u {
    cursor: pointer;
}

.channeltext {
    font-size: 0.8rem;
    padding: 10px;

}

.channeltext b {
    cursor: text;
}

.channeltext u {
    cursor: pointer;
    color: #00ffcc;
}

.channeltext button {
    display: initial;
    margin-left: auto;
}

.channeltext input {
    margin-left: 20px;
    width: 105px;
}


.channelvidlist {
    display: grid;
    grid-template-columns: auto auto auto;
    font-size: 0.65rem;
    padding: 0 20px 10px 20px;
}

.channelvidlistcol {
    margin: 0 5px 20px 5px;
    width: 120px;
    color: #fff;
}

.channelvidlistcol

.channelvidlistcol b {
    text-decoration: underline;
    font-size: 0.8rem;
    cursor: pointer;
    color: #00ffcc;
}

.channelvidlistcol img {
    cursor: pointer;
    border: 1px double #fff;
    border-width: 3px;
    width: 120px;
}


/*PROGRAMS*/
.program-rows {
    display: grid;
    grid-template-rows: 82px 82px 82px 82px;
    grid-row-gap: 25px;
    object-fit: contain;
    margin-top: 5px;
    margin-left: 5px;
}

.programs {
    display: grid;
    grid-template-rows: 60px auto;
    justify-content: center;
    align-content: center;
    height: 82px;
    width: 150px;
    margin: 0 2px 0 2px;
    object-fit: contain;
}

.programs-icon {
    object-fit: contain;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

.programs-icon img {
    height: 60px;
}

.programs-title {
    font-weight: normal;
    text-align: center;
    color: #fff;
    object-fit: contain;
}

/*START BAR*/
.start-bar {
    display: grid;
    grid-template-columns: 120px 130px auto 150px;
    position: fixed;
    align-content: center;
    bottom: 0;
    z-index: 9999;
    background: #C2C5CD;
    height: 45px;
    width: 100%;
    border-top: 2px solid #8E8F92;
    box-shadow: 0 1px 0 #fff inset;
    object-fit: contain;
}

.outer-box {
    margin: 2px 2px 2px 4px;
    padding-right: 5px;
    border-right: 1px solid #8E8F92;
    box-shadow: 1px 0 0 #F6F7F8FF;
    object-fit: contain;
}

.start-box {
    display: flex;
    height: 30px;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #F6F7F8;
    border-left: 1px solid #F6F7F8;
    border-right: 1px solid #4C4D52;
    border-bottom: 1px solid #4C4D52;
    padding: 2px;
    font-weight: bold;
    object-fit: contain;
}

.icon {
    display: flex;
    height: 30px;
    justify-content: center;
    align-items: center;
    padding: 2px;
    object-fit: contain;
}

.icon img {
    height: 1.9rem;
    padding: 3px;
}

.tabs-outer-box {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    margin: 2px 4px 2px 4px;
    border-right: 1px solid #8E8F92;
    box-shadow: 1px 0 0 #F6F7F8FF;
    justify-content: flex-start;
}

.tabs-box {
    display: flex;
    height: 30px;
    width: 230px;
    align-items: center;
    border-top: 1px solid #F6F7F8;
    border-left: 1px solid #F6F7F8;
    border-right: 1px solid #4C4D52;
    border-bottom: 1px solid #4C4D52;
    padding: 2px;
    margin: 2px 4px 2px 4px;
}

.tabs-box img {
    height: 1.8rem;
    padding: 4px;
}

.tabs-used {
    background: #e2e4ec;
    display: none;
    height: 30px;
    width: 230px;
    align-items: center;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #F6F7F8;
    border-bottom: 1px solid #F6F7F8;
    box-shadow: 1px 1px 0 #4C4D52 inset;
    padding: 2px;
    margin: 2px 4px 2px 4px;
    font-weight: bold;
    object-fit: contain;
}

.tabs-used img {
    height: 1.8rem;
    padding: 4px;
}

.time-outer-box {
    object-fit: contain;
    margin: 2px 4px 2px 4px;
}

.time {
    display: flex;
    height: 30px;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #8E8F92;
    border-left: 1px solid #8E8F92;
    border-right: 1px solid #F6F7F8;
    border-bottom: 1px solid #F6F7F8;
    padding: 2px;
    object-fit: contain;
    font-size: 20px;
}

.time img {
    height: 1.8rem;
    padding: 4px;
}