mini.css

html, body {
    width: auto;
}

body {
    max-width: 100%;
}

header h1{
    font-size: 1.5em;
    line-height:1.5em;
    margin-bottom:0px;
    margin-top: 0px;
    margin-right:-80px;
}

.button_log{
    width: 70%;
    white-space: pre-wrap;
    margin-left: 30%;
    margin-top: -20%;
    text-align:justify;
}

.log{
    width:7%;
    height:auto;
}

#b_header {
    height: 4em;
}

.page_title{
    border-bottom: none;
}

/*GESTIONE DEL LOGO*/


header {
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


#logo {
    text-indent: -9999px;
    background-image: url(./media/unify_logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    font-size: 10em;
    height: 55vw; 
    width: 60vw;  
    position: static;
    margin-left: auto;
    margin-right: auto;
    margin-top: -8%;
    margin-bottom: -6.5%;
}

.menu {
    display: none;
}

main h1{
    font-size:5em;
}

main h2{
    padding-top:0.5em;
    padding-bottom:1em;
    margin: 0 20px;
}

/*GESTIONE MENU*/

.menu-toggle {
    display: block; /* Mostra il pulsante dell'hamburger */
    cursor: pointer;
    height:5.7em;
    width:5.7em;
    margin-right: 50px;
}

.hamburger-icon {
    background-image: url("./media/hamburger.svg");
    width: 70%;
    height: 70%;
    cursor: pointer;
    background-size: cover;
}

.menu{
    display: none; /* Nascondi il menu inizialmente */
    top: 14.5%; 
    left: 0%;
    width: 100%;
    height:auto;
    background-color: var(--breadcolor);
    padding: 0px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    margin-top: -10%;
    margin-left: 2%;
    max-width: 80%;
}

.menu{
    position:absolute;
}

.menu li a, .currentmenu{
    padding: 1em;
    font-size: 1.3em;
    max-width: 100%;
}

.currentmenu{
    margin-left: 0.7em;
}

#header_login .hamburger-icon, #header_login .menu-toggle{
    display: none;
}

/* GESTIONE LOGIN BOX E POST BOX */

#post-box_mobile {
   margin-left: 2%; 
   margin-right: 2%;
   max-width: 100%;
   overflow-x: hidden;
}

#text-box_mobile {
    margin-left: 0%;
    margin-right: auto;
    max-width: 90%;
}

#text_mobile {
    max-width: 80%;
}

#public-post_mobile {
    margin-top: 5%;
}

.form_box {
    max-width: 80%;
}

.form_box input {
    max-width: 90%;
    margin-bottom: 2em;
    height: 2em;
}

.loginbtn { 
    padding: 1em 1.50em; 
    margin-bottom: 2em;
}

.like-interact {
    padding: 1em 1.50em; 
}

.comment-interact {
    padding: 1em 1.50em;  
}

.interact {
    padding: 1em 1.50em;  
}

#login_form{
    width: 90%;
}

#profile_picture_path_mobile, #book_picture_path_mobile{
    height: 100%;
    width: auto;
}


/* GESTIONE PAGINA IL MIO PROFILO */

#profile-info {
    margin-left: 0%;
    margin-right: auto;
}

#profile-data {
    margin-left: 0%;
    margin-right: auto;
}

.profile-picture {
    margin-top: 5%;
}

/* GESTIONE CORPO DELLE PAGINE */

#text{
    margin-left: 2%;
    margin-right: 2%;
    max-width: 100%;
    height:120%;
}

input [type="file"] {
    width:120%;
    height: 120%;
}

input[type="file"]::-webkit-file-upload-button {
    width: 40%;
    font-size: 1.3em;
    height: 2.5em;
}

/* GESTIONE PAGINA LIBRI E AULE */
.product-list{
    display: block;
}

.product-card{
    width: 100%;
    margin-bottom: 2%;
}

.product-image img{
    width: 60%;
    height: auto;

}

#chatMessage_mobile, #chatMessageRoom_mobile{
    padding: 10px;
}

/*GESTIONE BARRA DI RICERCA: DA RIVEDERE*/

#extra-section{
    display: none;
}

#search-bar_mobile{
    margin-left: auto;
    margin-right: auto;
    margin-top: 0%;
    margin-bottom: 0%;
}

#commento_fieldset{
    display: flex;
    align-items: center;
}

#commento_fieldset .comment-interact{
    margin-left: 2%;
}

.elimina_inline{
    height: 5em;
}

.elimina_inline .interact{
    padding: 4%;
}

#chatContainer_mobile{
    width:20em;
    bottom: 3%;
    height: 27em;
}