.sidebar{

    width:240px;
    background:#bfbfbf;
    border-right:2px ridge white;
    padding:20px;
    text-align:center;

}

.logo{

    width:180px;
    margin-bottom:20px;

}

.sign{

    position:relative;

    margin:30px auto;

    width:220px;
    height:500px;

    background:#c8c8c8;

    border:5px solid black;

    box-shadow:
        inset 0 0 0 3px gray,
        inset 0 0 0 8px black;

}

.hook{

    position:absolute;

    width:34px;
    height:34px;

    border:4px solid black;

    border-radius:50%;

    background:white;

    top:-22px;

}

.hook.left{

    left:18px;

}

.hook.right{

    right:18px;

}

.rope{

    position:absolute;

    width:4px;

    height:28px;

    background:black;

    top:-5px;

}

.rope.left{

    left:34px;

}

.rope.right{

    right:34px;

}

nav{

    padding-top:70px;

}

nav a{

    display:block;

    width:170px;

    margin:20px auto;

    padding:16px;

    background:#efefef;

    border:3px outset white;

    border-radius:35px;

    color:blue;

    text-decoration:underline;

    font-size:18px;

    font-weight:bold;

}

.sign::before,
.sign::after{

    content:"";

    position:absolute;

    bottom:-28px;

    width:40px;

    height:4px;

    background:black;

}

.sign::before{

    left:25px;

    transform:rotate(55deg);

}

.sign::after{

    right:25px;

    transform:rotate(-55deg);

}

.sign .bottom{

    position:absolute;

    bottom:-38px;

    left:50%;

    transform:translateX(-50%);

    width:120px;

    height:4px;

    background:black;

}