@import "../../app/style";

$menuHeight: 42px;
$menuWidth: 290px;

.main-menu {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 2px 3px;
    background: $panelBackground center repeat;
    border: 1px double $fontColor;
    border-radius: 6px;
    border-image: $rangeBorder 5 5 5 5;
    border-image-width: 5px;
    border-image-repeat: round round;

    &:hover {
        .author {
            width: 130px;
            opacity: 1;
        }
    }
}