@font-face {
    font-family: "Playfair Display";
    src: url("./lib/fonts/Playfair_Display/PlayfairDisplay-VariableFont_wght.ttf");
}
@font-face {
    font-family: "Roboto", sans-serif;
    src: url("lib/fonts/Roboto/Roboto-Regular.ttf");
}
.roboto-thin {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.roboto-light {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.roboto-regular {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.roboto-medium {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.roboto-bold {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.roboto-black {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.roboto-thin-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.roboto-light-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.roboto-regular-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.roboto-medium-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.roboto-bold-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.roboto-black-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: italic;
}
/*.playfair-display-<uniquifier> {*/
/*                       font-family: "Playfair Display", serif;*/
/*                       font-optical-sizing: auto;*/
/*                       font-weight: <weight>;*/
/*                       font-style: normal;*/
/*                   }*/

*{
    font-family: "Roboto", serif;
}
.btn{
    color: rgb(33, 37, 41,1);
    padding: 5px 10px;
    background-color: transparent;
    border:none;
}
.btn:hover{
    background: #d3d3d3;
    cursor: pointer;


}


input{
   border:none;
    font-size: inherit;
    color: #1e1a1a;
}
input:focus, input:focus-visible{
    /*border:1px solid #05672b;*/
    outline: none;
}
input:hover{
    /*border:1px solid green;*/
    /*background-color: transparent;*/
    color: green;
}
textarea{
    border:1px solid #05672b;
    color: #05672b;
}
textarea:hover{
    border:1px solid green;
    color: green;
}

body{
    display: flex;
    justify-items: center;
    align-items: center;
    justify-content: space-around;

    background: rgb(22,107,22);
    background: linear-gradient(175deg, rgba(22,107,22,1) 0%, rgba(21,120,8,1) 13%, rgba(9,121,48,1) 39%, rgba(0,255,38,1) 100%);
    background-repeat: no-repeat;
    background-size: 100vw 100vh;
    -moz-transition: all 0.95s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.95s;
    transition: all 0.95s;


}
body.style_body .container-all{
    padding: 20px;
    text-align: center;
    width: 80vw;
    height: 80vh;
    margin-top: 9vh;
    background-color: #FFFFFF;
    -webkit-box-shadow: 12px 18px 82px 0px rgba(0,0,0,0.38);
    -moz-box-shadow: 12px 18px 82px 0px rgba(0,0,0,0.38);
    box-shadow: 12px 18px 82px 0 rgba(0,0,0,0.38);
    border-radius: 15px;

}