.sablon{
    margin: auto;
}

.menu {
    height: min-content;
    float: left;
    margin: 10px 0 0 0;
    background: #00468c
}

.menu ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.menu ul li {
    float: left;
    position: relative;
}

.menu ul li a {
    display: block;
    width: 125px;
    height: 50px;
    text-decoration: none;
    text-align: center;
    font: 14px Open Sans;
    color: #fff;
    padding: 15px 0 0 0
}

.menu ul li a:hover {
    text-decoration: none;
    background: #06f;
}

.menu ul li b:hover {
    text-decoration: none;
}

.menu ul li ul {
    display: none;
    position: absolute;
    left: 0px;
    top: 34px
}

/*açılır liste pozisyon ve görünürlük*/
.menu ul li:hover ul {
    display: block;
    background: #00468c;
}

ul li a:hover {
    color: #00FF99
}

ul li a::before {
    content: "♫";
    margin-right: 1px;
    opacity: 0;
    transition: all 0.5s;
}

ul li a::after {
    content: "♫";
    margin-left: 1px;
    opacity: 0;
    transition: all 0.5s;
}

ul li a:hover:before

/*mause sekme üzerine geldiğinde sol tarafı hareketlenir*/
    {
    opacity: 1;
    margin-right: 10px;
}

ul li a:hover:after

/*mause sekme üzerine geldiğinde sağ tarafı hareketlenir*/
    {
    opacity: 1;
    margin-left: 10px;
}

/*buradan sonrasını b etkiketli kimim ben sekmesi için ayrıca oluşturdum */
ul li b {
    text-decoration: none;
    color: white;
}

ul li b:hover {
    color: #FF0
        /*#FF3399 pembe*/
}

ul li b::before {
    content: "?";
    margin-right: 1px;
    opacity: 0;
    transition: all 0.5s;
}

ul li b::after {
    content: "?";
    /*♥ kalp işareti*/
    margin-left: 1px;
    opacity: 0;
    transition: all 0.5s;
}

ul li b:hover:before {
    opacity: 1;
    margin-right: 10px;
}

ul li b:hover:after {
    opacity: 1;
    margin-left: 10px;
}

h1 {
    position: inherit;
    padding-left: 180px;
    width: 690px;
    text-align: start;
    top: auto;
    color: hsla(120, 100%, 60%, 0.9);
    font-family: 'Open Sans';
    letter-spacing: 0.6em;
    font-size: 15px;
    font-weight: 90px;
    opacity: 3;
    text-transform: capitalize;
    text-shadow: 2px 14px 4px hsla(60, 100%, 50%, 0.3), hsla(360, 55%, 95%, .3) 0 -1px 2px, hsla(0, 45%, 5%, .3) 0 -1px 2px, hsla(360, 55%, 95%, .3) 0 20px 15px;
}