@import url('https://fonts.googleapis.com/css2?family=Alegreya:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alegreya:wght@500;700&display=swap');

@font-face {
    font-family: 'Sansation';
    src: url('./Sansation_Regular.ttf');
    font-weight: 400;
}

@font-face {
    font-family: 'Sansation';
    src: url('./Sansation_Light.ttf');
    font-weight: 300;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: white;
}

/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.error_background{background-color: rgba(254, 102, 102, 0.5)!important;}

.md-header {
    position: fixed;
    top: 0;
    width: 100%;
    height: 6.25rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: #020828;
    padding: 0 3.5rem;
    z-index: 100;
}

.md-logo-container {
    /*background-image: url("logo.png");
    background-size: cover;
    width: 17rem;
    height: 3.81rem;*/
    font-family: Alegreya;
    font-size: 2.5rem;
    color:white;
}
.md-logo-container:hover {
    cursor:pointer;
}

.md-navbar {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.md-navbar-item,
.md-navbar-last-item {
    color: white;
    text-decoration: none;
    font-size: 1.63rem;
    /*display: inline-block;*/
    margin-right: 1.88rem;
    font-family: Alegreya;
    font-style: Medium;
    letter-spacing: 0.025rem;
}

.md-navbar-last-item {
    margin-right: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .md-navbar-item:hover,
    .md-navbar-last-item:hover {
        text-decoration: underline;
        cursor:pointer;
    }

.md-navbar-enter-icon {
    /*margin-left: 5.37rem;*/
    margin-right: 1.88rem;
    height: 1.44rem;
    width: 0.94rem;
    /*border: 1px solid white;*/

    display: flex;
    flex-direction: column;
    align-items: center;
}

.md-navbar-enter-icon-ellips {
    background-image: url("Ellipse_23.png");
    background-size: cover;
    height: 0.5rem;
    width: 0.5rem;
}

.md-navbar-enter-icon-triangle {
    background-image: url("Polygon_2.png");
    background-size: cover;
    height: 0.94rem;
    width: 1rem;
}

.hidden {
    display: none !important;
}



/*--------------------ARTICLE*/

#content-grid_id {
    margin-top: 6.25rem;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "content" "offers" "night-carpet" "footer";
}

/*ARTICLE--------------------*/



/*MOSAIC--------------------*/

.md-mosaic-container {
    width: 100%;
    display: block;
    /*position: absolute;
    top: 6.25rem;*/
    height: fit-content;
    grid-area: content;
}

.md-mosaic {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    grid-template-rows: 16rem 16rem 16rem;
}


.md-mosaic-tile-1 {
    background-color: #ee97f1;
    background-image: url("moz-22.jpeg");
    background-size: cover;
}

.md-mosaic-tile-2 {
    background-color: #68b661;
    background-image: url("moz-11.jpeg");
    background-size: cover;
}

.md-mosaic-tile-3 {
    background-color: #75533c;
    background-image: url("moz-33.jpeg");
    background-size: cover;
}

.md-mosaic-tile-4 {
    background-color: #4135ee;
    background-image: url("moz-44.jpeg");
    background-size: cover;
}

.md-mosaic-tile-5 {
    background-color: #eef591;
    background-image: url("moz-55.jpeg");
    background-size: cover;
}

.md-mosaic-tile-6 {
    background-color: #934196;
    background-image: url("moz-66.jpeg");
    background-size: cover;
}

.md-mosaic-tile-7 {
    background-color: #07ad60;
    background-image: url("moz-77.jpeg");
    background-size: cover;
}

.md-mosaic-tile-8 {
    background-color: #ff5050;
    background-image: url("moz-88.jpeg");
    background-size: cover;
}

.md-mosaic-tile-9 {
    background-color: #3c536b;
    background-image: url("moz-99.jpeg");
    background-size: cover;
}

.md-mosaic-tile-10 {
    background-color: #31fc08;
    background-image: url("moz-11.jpeg");
    background-size: cover;
}

.md-mosaic-tile-11 {
    background-color: #a1a1a1;
    background-image: url("moz-22.jpeg");
    background-size: cover;
}

.md-mosaic-tile-12 {
    background-color: #dff70f;
    background-image: url("moz-33.jpeg");
    background-size: cover;
}


.md-white-blur-carpet {
    z-index: 10;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(1.25rem);
    width: 70%;
    /*min-width: 67rem;*/

    position: absolute;
    top: 11rem;
    left: 15%;

    height: 33rem;

    left: calc(50% - min(65rem, 70%) * 0.5 );
    max-width: 65rem;
}

.md-ucp-container {
    padding: 5rem;
    padding: 4.5rem; /*less then original*/

    width: 90%;
    height: 84%;
    position: absolute;
    top: 8%;
    left: 5%;

    padding:0;
}

    .md-ucp-container .md-ucp-container-header {
        font-family: Alegreya;
        font-style: normal;
        font-weight: bold;

        font-size: 3.75rem; /*60px;*/
        font-size: 3.5rem; /*less then original*/

        line-height: 120%;
        /* or 72px */
        letter-spacing: 0.025em;
        text-transform: uppercase;
        color: #020828;
        margin-bottom: 2.5rem;
        margin-top:1rem;
    }

    .md-ucp-container .md-ucp-container-subheader {
        font-family: Alegreya;
        font-style: normal;
        font-weight: 500;

        font-size: 2rem; /*less then original*/
        font-size: 2.25rem; /*36px;*/

        line-height: 120%;
        /* or 43px */

        letter-spacing: 0.025em;
        text-transform: uppercase;
        color: #020828;
        /*margin-bottom: 4.37rem;*/
    }

    .md-ucp-container .md-booknow-button{
        position: absolute;
        bottom: 0;
    }


@media only screen and (max-width: 1300px) {
    /*.md-ucp-container{
        padding: 3rem;
    }*/

    .md-ucp-container .md-ucp-container-header {
        font-size: 3rem;
        /*font-size: 2.75rem;*/
    }

    .md-ucp-container .md-ucp-container-subheader {
        font-size: 2rem; /*36px;*/
        /*font-size: 1.75rem; */
    }
}




.md-booknow-button,
.md-calculate-order-button,
.md-cancel-order-button {
    background: #020828;
    color: #FFFFFF;
    font-family: Sansation;
    font-style: normal;
    font-weight: bold;
    font-size: 1.25rem; /*20px;*/
    line-height: 1.375rem; /*22px;*/
    letter-spacing: 0.025em;
    padding: 0.87rem 2.5rem;
    border: none;
    margin-bottom:1.87rem;
}

.md-calculate-order-button {
    height: fit-content;
    width: 100%;
}

.md-cancel-order-button {
    height: fit-content;
    width: 100%;
    background: #FF3838;
}


    .md-cancel-order-button:hover,
    .md-cancel-order-button:active {
        cursor: pointer;
        background: #FFFFFF;
        color: #FF3838;
        outline: 3px solid #FF3838;
    }

.md-booknow-button:hover,
.md-calculate-order-button:hover,
.md-booknow-button:active,
.md-calculate-order-button:active {
    cursor: pointer;
    background: #FFFFFF;
    color: #020828;
    outline: 3px solid #020828;
}



.md-order-calculation-container {
    z-index: 20;
    display: flex;
    flex-direction: column;
    background-color: white;
    width: 90%;
    height: 84%;
    position: absolute;
    top: 8%;
    left: 5%;
    padding: 1.87rem;
}

    .md-order-calculation-container > h1 {
        font-family: Sansation;
        font-style: normal;
        font-weight: normal;
        font-size: 2.37rem;
        line-height: 2.68rem;
        margin-bottom: 1.87rem;
        margin-bottom: 1.5rem;/*less then original*/
        /* identical to box height */

        letter-spacing: 0.025em;
        color: #020828;
    }

.md-order-calculation-form {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 25% 25% 25% 25%;
    grid-template-areas: "name phone comment" "start hours comment" "guests money comment" "book cancel .";
    column-gap: 1.87rem;
}

    .md-order-calculation-form label {
        font-family: Sansation;
        font-style: normal;
        font-weight: 300;
        font-size: 1.12rem;
        line-height: 1.25rem;
        letter-spacing: 0.025em;
        display: block;
        color: #020828;
        margin-bottom: 0.56rem;
    }

.md-order-cell-name { /*background-color: skyblue;*/
    grid-area: name;
    display: flex;
    flex-direction: row;
}

.md-order-cell-start { /*background-color: lightcyan;*/
    grid-area: start;
    display: flex;
    flex-direction: row;
}


.md-order-cell-phone { /*background-color: lightsalmon;*/
    grid-area: phone;
    display: flex;
    flex-direction: row;
}

.md-order-cell-hours { /*background-color: lightslategray;*/
    grid-area: hours;
    display: flex;
    flex-direction: row;
}

.md-order-cell-comment { /*background-color: lightsteelblue;*/
    grid-area: comment;
    display: flex;
    flex-direction: row;
}

.md-order-cell-guests { /*background-color: lime;*/
    grid-area: guests;
    display: flex;
    flex-direction: row;
}
/*.md-order-cell-end{ grid-area: end; display: flex; flex-direction: row;}*/
.md-order-cell-money { /*background-color: lightgreen;*/
    grid-area: money;
    display: flex;
    flex-direction: row;
}

.md-order-cell-comment { /*background-color: orchid;*/
    grid-area: comment;
    display: flex;
    flex-direction: row;
}

.md-order-cell-book { /*background-color: burlywood;*/
    grid-area: book;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.md-order-cell-cancel { /*background-color: blueviolet;*/
    grid-area: cancel;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}


.md-order-input {
    width: 100%;
}

    .md-order-input input,
    .md-order-input textarea {
        width: 100%;
        height: 3.12rem;
        background: #E5E5E5;
        border: 1px solid rgba(2, 8, 40, 0.5);
        font-family: Sansation;
        font-style: normal;
        font-weight: 300;
        font-size: 1.12rem;
        line-height: 1.25rem;
        color: rgba(0, 0, 0, 0.6);
        padding: 0 0.69rem;
        outline: none;
        /*margin-bottom: 0.62rem;*/
    }

    .md-order-input textarea {
        height: 15.3rem; /*100%;*/
        resize: none;
        padding: 0.69rem;
    }



    .md-order-input #md-order-input-children_id,
    .md-order-input #md-order-input-start-hours_id,
    .md-order-input #md-order-input-start-separator_id,
    .md-order-input #md-order-input-start-minutes_id,
    .md-order-input #md-order-input-end-hours_id,
    .md-order-input #md-order-input-end-separator_id,
    .md-order-input #md-order-input-end-minutes_id {
        border-left: none;
    }

    .md-order-input #md-order-input-start-separator_id {
        width: 1rem;
        padding: 0;
        text-align: center;
    }


    .md-order-input #md-order-input-start-hours_id {
        width: 1.94rem;
        padding: 0;
        text-align: center;
    }

    .md-order-input #md-order-input-start-minutes_id {
        width: 1.94rem;
        padding: 0;
        text-align: center;
    }

    .md-order-input#md-order-form-aduilts_id,
    .md-order-input#md-order-form-children_id {
        width: 50%;
    }

.md-order-input-container {
    display: flex;
}


/*--------------------MOSAIC*/



/*--------------------OFFERS*/
#md-offers-container_id {
    grid-area: offers;
    padding: 5.25rem 0 5.25rem 0;
}

    #md-offers-container_id > h2 {
        font-family: Alegreya;
        font-style: normal;
        font-weight: 500;
        font-size: 2.62rem;
        line-height: 3.56rem;
        text-align: center;
        letter-spacing: 0.025em;
        color: #020828;
        margin-bottom: 3.12rem;
    }

#md-offers_id {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.md-offer {
    width: 75%;
    min-width: 67rem;
    height: 20rem;
    margin-bottom: 5.25rem;
    /*background-color: skyblue;*/
    display: flex;
    flex-direction: row;
    /*justify-content: space-between;*/
    justify-content: space-between;
}

.md-offer-photo,
.md-offer-photo-1,
.md-offer-photo-2,
.md-offer-photo-3,
.md-offer-photo-4,
.md-offer-photo-5,
.md-offer-photo-6 {
    background-image: url("offer.png");
    background-size: cover;
    height: 20rem;
    width: 20rem;
    flex-shrink: 0;
}

.md-offer-photo-1 {background-image: url("moz-22.jpeg");}
.md-offer-photo-2 {background-image: url("offer-2.png");}
.md-offer-photo-3 {background-image: url("offer-3.jpeg");}
.md-offer-photo-4 {background-image: url("offer-4.jpeg");}
.md-offer-photo-5 {background-image: url("offer-5.jpeg");}
.md-offer-photo-6 {background-image: url("offer-6.jpeg");}



.md-offer-details {
    height: 20rem;
    /*background-color: #31fc08;*/

    display: grid;
    grid-template-rows: 2.7rem auto auto;
    grid-template-columns: auto 11.3rem;
    grid-template-areas: "company-name company-stars" "company-services company-details" "company-slogan company-price-block";
    grid-row-gap:1rem;
}

    .md-offer-details .md-company-name {
        grid-area: company-name;
        padding: 0 2rem;
    }

    .md-offer-details .md-company-stars {
        grid-area: company-stars;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

.md-company-star-full {
    background-image: url("star-full.png");
    background-size: cover;
    height: 1.6rem;
    width: 1.6rem;
}

.md-company-star-empty {
    background-image: url("star-empty.png");
    background-size: cover;
    height: 1.6rem;
    width: 1.6rem;
}

.md-offer-details .md-company-services {
    grid-area: company-services;
    font-family: Sansation;
    font-style: normal;
    font-weight: 300;
    font-size: 1.37rem;
    line-height: 130%;
    /* or 29px */

    letter-spacing: 0.025em;
    color: #020828;
    display: flex;
    flex-direction: column;
    justify-content: start; /*justify-content: center;*/
    padding: 0 2rem;
}

.md-offer-details .md-company-details {
    grid-area: company-details;
    text-align:center;
}

    .md-offer-details .md-company-details > a {
        font-family: Sansation;
        font-style: normal;
        font-weight: bold;
        font-size: 1.37rem;
        line-height: 170%;
        /* or 37px */

        letter-spacing: 0.025em;
        color: #020828;
        text-decoration:underline;
    }

    .md-offer-details .md-company-details > a {
        cursor:pointer;
    }

.md-offer-details .md-company-slogan {
    grid-area: company-slogan;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 2rem;
}

    .md-offer-details .md-company-services > h3,
    .md-offer-details .md-company-slogan > h3 {
        font-family: Sansation;
        font-style: normal;
        font-weight: bold;
        font-size: 1.37rem;
        line-height: 170%;
        /* or 37px */

        letter-spacing: 0.025em;
        color: #020828;
    }

.md-offer-details .md-company-name > h1 {
    font-family: Sansation;
    font-style: normal;
    font-weight: normal;
    font-size: 2.37rem;
    line-height: 2.68rem;
    letter-spacing: 0.025em;
    color: #020828;
}

.md-offer-details .company-price-block {
    grid-area: company-price-block;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

    .md-offer-details .company-price-block > h2 {
        font-family: Sansation;
        font-style: normal;
        font-weight: normal;
        font-size: 2.37rem;
        line-height: 2.68rem;
        /* identical to box height */

        text-align: center;
        letter-spacing: 0.025em;
        margin-top: 1rem;
        color: #020828;
    }

    .md-offer-details .company-price-block button {
        width: 100%;
        height: 3.12rem;
        background: #020828;
        color: #FFFFFF;
        font-family: Sansation;
        font-style: normal;
        font-weight: bold;
        font-size: 1.25rem; /*20px;*/
        line-height: 1.375rem; /*22px;*/
        letter-spacing: 0.025em;
        padding: 0.87rem 2.5rem;
        border: none;
    }

        .md-offer-details .company-price-block button:hover,
        .md-offer-details .company-price-block button:active {
            background: #FFFFFF;
            color: #020828;
            outline: 3px solid #020828;
            cursor: pointer;
        }


    .md-offer-details .company-price-block a {
        display: block;
        width: 100%;
        height: 3.12rem;
        background: #020828;
        color: #FFFFFF;
        font-family: Sansation;
        font-style: normal;
        font-weight: bold;
        font-size: 1.25rem; /*20px;*/
        line-height: 1.375rem; /*22px;*/
        letter-spacing: 0.025em;
        padding: 0.87rem 2.5rem;
        border: none;
        text-decoration: none;
    }

        .md-offer-details .company-price-block a:hover,
        .md-offer-details .company-price-block a:active {
            background: #FFFFFF;
            color: #020828;
            outline: 3px solid #020828;
            cursor: pointer;
            text-decoration:none;
        }

/*OFFERS--------------------*/


/*--------------NIGHT CARPET*/
.md-night-carpet {
    width: 100%;
    height: 43.8rem;
    position: relative;
    background-color: #020828;
    grid-area: night-carpet;
}

#md-night-carpet-form_id {
    width: 50%;
    background-color: white;
    height: fit-content;
    position: absolute;
    left: 25%;
    top: 3.75em;
    padding: 3.25rem;
}

    #md-night-carpet-form_id > h1 {
        font-family: Sansation;
        font-style: normal;
        font-weight: normal;
        font-size: 2.37rem;
        line-height: 2.68rem;
        /* identical to box height */

        text-align: center;
        letter-spacing: 0.025em;
        color: #020828;
        /*margin-top: 1.85rem;*/
    }

    #md-night-carpet-form_id > h2 {
        font-family: Sansation;
        font-style: normal;
        font-weight: 300;
        font-size: 1.25rem;
        line-height: 130%;
        /* or 26px */

        text-align: center;
        letter-spacing: 0.025em;
        text-transform: uppercase;
        color: #020828;
        margin-top: 1.25rem;
    }

#md-feedback-form_id {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 25% 25% 25% 25%;
    grid-template-areas: "name phone" "email companyname" "address address" "sendbutton sendbutton";
    column-gap: 1.87rem;
    row-gap: 0.62rem;
    margin-top: 2.12rem;
}

.md-feedback-cell-name { /*background-color: skyblue;*/
    grid-area: name;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.md-feedback-cell-phone { /*background-color: lightcyan;*/
    grid-area: phone;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.md-feedback-cell-email { /*background-color: rgb(40, 133, 133);*/
    grid-area: email;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.md-feedback-cell-companyname { /*background-color: lightgreen;*/
    grid-area: companyname;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.md-feedback-cell-address { /*background-color: lightgreen;*/
    grid-area: address;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.md-feedback-cell-sendbutton { /*background-color: lightgreen;*/
    grid-area: sendbutton;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#md-feedback-form_id input {
    width: 100%;
    height: 3.12rem;
    background: #E5E5E5;
    border: 1px solid rgba(2, 8, 40, 0.5);
    font-family: Sansation;
    font-style: normal;
    font-weight: 300;
    font-size: 1.12rem;
    line-height: 1.25rem;
    color: rgba(0, 0, 0, 0.6);
    padding: 0 0.69rem;
    outline: none;
    /*margin-bottom: 0.62rem;*/
}

#md-feedback-form_id label {
    font-family: Sansation;
    font-style: normal;
    font-weight: 300;
    font-size: 1.12rem;
    line-height: 1.25rem;
    letter-spacing: 0.025em;
    display: block;
    color: #020828;
    margin-bottom: 0.56rem;
}

#md-feedback-form_id button {
    background: #020828;
    color: #FFFFFF;
    font-family: Sansation;
    font-style: normal;
    font-weight: bold;
    font-size: 1.25rem; /*20px;*/
    line-height: 1.375rem; /*22px;*/
    letter-spacing: 0.025em;
    padding: 0.87rem 2.5rem;
    margin-top: 1.7rem;
    border: none;
}

    #md-feedback-form_id button:not([disabled="disabled"]):hover {
        cursor: pointer;
        background: #FFFFFF;
        color: #020828;
        outline: 3px solid #020828;
    }

    #md-feedback-form_id .successfully_sent {
        background: green !important;
    }
    #md-feedback-form_id .successfully_sent:hover {
        background: #FFFFFF !important;
        color: green !important;
        outline: 3px solid green  !important;
    }
/*NIGHT CARPET--------------*/








/*--------------------FOORER*/
.md-footer {
    grid-area: footer;
    background-color: #ee97f1;
    background-image: url("piter_landscape.jpg");/*url("footer-img.png");*/
    background-size: cover;
    /*height: 27rem;*/
}

#md-footer-white-carpet_id {
    z-index: 10;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(1.25rem);
    width: 70%;
    min-width: 67rem;
    /*height: 80%;*/
    height: 14.8rem;
    margin: 6.2rem auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 3rem 0;
}

    #md-footer-white-carpet_id > a {
        font-family: Sansation;
        font-style: normal;
        font-weight: bold;
        font-size: 1.37rem;
        line-height: 170%;
        /* or 37px */

        text-align: center;
        letter-spacing: 0.025em;
        text-decoration-line: underline;
        color: #020828;
    }

        #md-footer-white-carpet_id > a:hover {
            cursor: pointer;
        }


#md-footer-logos-container_id {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 52rem;
}

#md-footer-logo-paykeeper_id {
    height: 3.12rem;
    width: 9.9rem;
    background-image: url("paykeeper-logo.png");
    background-size: cover;
}

#md-footer-logo-visa_id {
    height: 3.12rem;
    width: 9.8rem;
    background-image: url("visa-logo.png");
    background-size: cover;
}

#md-footer-logo-mastercard_id {
    height: 3.12rem;
    width: 17.5rem;
    background-image: url("mastercard-logo.png");
    background-size: cover;
}

#md-footer-logo-peace_id {
    height: 3.12rem;
    width: 11.2rem;
    background-image: url("peace-logo.png");
    background-size: cover;
}
/*FOORER--------------------*/

.mobile-content{display: none;}

@media screen and (max-width: 650px), screen and (max-height: 650px){
    .md-header,
    .md-white-blur-carpet,
    #content-grid_id{
        display: none;
    }

    /*
    .mobile-content{
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        height: 100vh;
    }

    .mobile-content .logo{
        width: 100%;
        height: 12rem;
    
        background-image: url('icons/rentspb_logo.jpeg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        
    }

    .mobile-content .row {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        margin-bottom: 1rem;
    }

    .mobile-content .row button{

        width: 80%;
    
        outline: none;
        
        border-radius: 0;
        display:block;    
    
        font-family: Sansation;
        font-style: normal;
        font-weight: bold;
        font-size: 1.125rem;
        line-height: 1.25rem;

        height: 2.5rem;
        font-size: 1rem;
    
        letter-spacing: 0.025em;
    
        color: #2D2D2D;
    
        background: #6BFF7A;
        border: 1px solid rgba(45, 45, 45, 0.5);
    }*/
}