body{

margin:0;
font-family:Trebuchet MS;

background:
radial-gradient(circle at top,#0e2a47,#071521);

color:#f5e6c5;

}

/* banner */

.banner{

width:100%;
display:block;

}

/* layout */

.layout{

display:flex;

}

/* menu */

.menu-frame{

width:260px;
height:100vh;

border:none;

}

/* obsah */

.content-frame{

flex:1;
height:100vh;
border:none;

}

/* NAV */

nav{

background:linear-gradient(#1b3f63,#0e263d);

padding:20px;

height:100%;

}

.guild-logo{

text-align:center;
margin-bottom:20px;

}

.guild-logo img{

max-width:160px;

}

/* menu */

.menu{

list-style:none;
padding:0;

}

.menu-group{

margin-bottom:12px;

}

/* hlavní tlačítko */

.main-btn{

display:flex;

align-items:center;

gap:10px;

padding:10px;

background:linear-gradient(#274f76,#122c46);

border:2px solid #c9a44c;

border-radius:8px;

color:#f5e6c5;

}

/* zlaté zvýraznění */

.menu-group:hover .main-btn,
.menu-group:focus-within .main-btn{

background:linear-gradient(#f6d47a,#c9a44c);

color:black;

}

/* ikony */

.main-btn img{

width:34px;

}

/* submenu */

.submenu{

display:none;
margin-top:6px;

}

/* otevření */

.menu-group:hover .submenu,
.menu-group:focus-within .submenu{

display:block;

}

/* submenu tlačítka */

.submenu a{

display:block;

padding:8px;

margin-top:4px;

background:#1a3856;

border:2px solid #c9a44c;

color:#f5e6c5;

text-decoration:none;

transition:0.2s;

}

/* hover */

.submenu a:hover{

transform:scale(1.05);

border-color:gold;

box-shadow:0 0 8px gold;

}