*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 1rem;
}

body { height: 100%; }

.content {
    width: 100vw;
    height: 100vh;        
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-image:url('../img/panoramica-clube.webp');
    background-repeat: no-repeat;
    background-size: cover;  

}
.box {
    width: 350px;
    height: 320px;
    background-color: rgba(255, 255, 255, .8);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 5px 5px 5px #000;
}

#msg-boasvindas{ padding: 10px; background-color: #07581d; color: #fff; text-align: center; font-size: 1.5rem; margin-bottom: 40px; } #msg-boasvindas b{ font-size: 1.6rem; color: burlywood; }
#msg-erro{ margin: 0 auto; color: #fff; background-color: rgb(150, 0, 0); padding: 10px; border-radius: 10px; text-align: center; font-size: 1.2rem; font-weight: 500; max-width: 500px; margin-top: 15px; }
#copyright{ font-size: .7em; color: #fff; background-color: #000; text-align: center; padding:10px; margin-top: 40px; }
#csv{ margin-top: 20px; }
#pagina-principal{ display: flex; flex-direction: row; flex-wrap: wrap; }
#importar-csv{ padding-left: 10px; padding-right: 10px; }
#box-lateral{ padding-left: 10px; padding-right: 10px; }
#painel-mensagens{ background-color: black; border-radius: 5px; color: aquamarine; border: 2px solid #575757; padding: 10px; margin-top: 40px; }
.form-modal{ border-radius: 5px; border-color: dimgray; width: 80px; text-align: center; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 320px) and (max-width: 415px) {
	

	
}

@media (min-width: 420px) and (max-width: 576px) { 

	

}

/* Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) { 


}

/* Large devices (desktops, 992px and up)*/
@media (max-width: 992px) { 
	

	
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {


}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) { 


}