/*
frontend/MainMenuDefaultGui/MainMenuDefaultGui.css
*/
:root {
    --page_maxWidsth:700px;
}

/* heading_widgets */
h1{
    padding:0;
    margin: 5px 0 5px 0;
}

body{
    margin:0;
    padding:0;
    min-height:100%;
    background:grey;
    overflow-wrap:break-word; /* переносить в любом месте слова, если не помещается в строке */
}
.mainMenu_header{
    background:grey;
    position:fixed;
    right:0;
    left:0;
}
.mainMenu_header>div{
    background:lightgrey;
    max-width:calc(var(--page_maxWidsth) + 20px);
    margin-left:auto;
    margin-right:auto;
    padding:10px;
    display:flex;
    gap:15px;
}
.mainMenu_linkItem,.mainMenu_header_accountItem{
    text-decoration:underline;
}
.mainMenu_linkItem:hover,.mainMenu_header_accountItem:hover{
    color: grey;
}
.mainMenu_accountMenu{
    padding:3px;
    position:fixed;
    background:white;
    border:solid black 1px;
    right: 10px;
    visibility:hidden;
}
.mainMenu_flexGrow{
    flex-grow:1;
}
.mainMenu_headerShadow{
    height:40px;
}
.mainMenu_content{
    padding:10px;
    min-height:calc(100vh - 130px);
    background:white;
    max-width:var(--page_maxWidsth);
    margin-left:auto;
    margin-right:auto;
}
.mainMenu_footer{
    padding:5px 10px 5px 10px;
    text-align:center;
    background:lightgrey;
    max-width:calc(var(--page_maxWidsth) + 20px);
    margin-left:auto;
    margin-right:auto;
}
.mainMenu_accountMenu_email{
    background:lightgrey;
    font-style:italic;
}