@import 'forms.css';
@import 'buttons.css';


*{
    margin: 0px;
    padding: 0px;
    font-family: sans-serif;
}

a{
    text-decoration: none;
    color: white;
}

footer{
    background-color: black;
    color: white;
}


body{
    background-color: #3A3A3B;
}


.main-white{
    background-color: white;
}


.container{
     display: flex;
    align-content: center;
    justify-content: center;
    flex-flow: wrap;
    flex-flow: wrap;
    padding: 10px;
}

.container-block{
    align-content: center;
    text-align: center;
    justify-content: center;
    padding: 20px;
}

.box{
    width: 150px;
    border-radius: 5px;
    background-color: white;
    margin: 10px;
    padding: 10px;
    text-align: center;

}



h1{
    text-align: center;
    color: darkred;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 5px;
     font-size: 1.2em;
  
}

h2{
    text-align: center;    
    border-radius: 10px;
    padding: 5px;
    margin-bottom: 5px;
    font-size: 1.2em;
}

.h2-red{
    text-align: center;    
    border-radius: 10px;
    padding: 5px;
    margin-bottom: 5px;
    font-size: 1.5em;
    color: red;
    font-weight: 800;
}


.bt-large-DeepSkyBlue{
    background-color: DeepSkyBlue;
    color: black;
    width: 250px;
    padding: 15px;
    font-weight: 600;
    font-size: 1.1em;
}

p{
   text-align: center;
   line-height: 1.5em;
    padding: 5px;
    font-size: 0.9em;
}

.p-red{
    color: red;
    font-weight: 800;
    text-align: center;
    line-height: 1.5em;
    padding: 5px;
    font-size: 0.9em;   
}

button{
    width: 80px;
    font-size: 0.8em;
    background-color: green;
    color: white;
    padding: 8px;
    margin: 3px;
    border: none;
    outline: none;
    border-radius: 10px;
}

.bt-large{
    width: 250px;
}

.bt-green{
    background-color: green;
    color: white;
}

.bt-blue{
    background-color: darkblue;
    color: white;
}

.bt-black{
    background-color: black;
    color: white;
    
}

.img-box{
    width: 100%;
    height: 150px;

}

/***********buttons ***/


.bt-green, .bt-orange, .bt-darkblue, .bt-black{
    width: 100px;
    padding: 5px;
    margin: 5px;
    border-radius: 10px;
    border:none;
    outline: none;
    box-shadow: 5px 5px 5px #aaaaaa;
    text-align: center;
    
}

.bt-green{
    color: white;
    background-color: green;
}


.bt-orange{
    color: white;
    background-color: orangered;
}

.bt-darkblue{
    color: white;
    background-color: darkblue;
}

.bt-black{
    color: white;
    background-color: black;
    
}
.box-card-2 button{
    
}

.bt-orange-larg{
    width: 100%;
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
    border:none;
    outline: none;
    text-align: center;
    background-color: orangered;
    color: white;
}

.img-social{
    width:  50px;
    margin: 10px;
}



.img-logo-mini{
    width: 50px;
    margin: 10px;
    text-align: center;
}