cake drop menu crd all codes

-- MENU --

<head>
<link href='https://fonts.googleapis.com/css?family=Mali' rel='stylesheet'>
<style>
body {
font-family: 'Mali';
}
</style>
</head>
<body>
<div style="text-align: center;">
<select onchange='location=this.options[this.selectedIndex].value;' style='width:160px;font-size:.75em;background:white;padding:4px;border:1px solid #000;border-radius: 5px;color: #000;margin-top: 0px;font-family: Mali;position:relative;bottom:12em;z-index:4;''>
<option value="#link">navigate me!</option>
<option value="#one">about me</option>
<option value="#two">rules</option>
<option value="#three">likes</option>
</select>
</div>
</body>

-- CSS CODES --

<style>

@font-face {
font-family: kitten;
src: url(https://dl.dropbox.com/s/iu9a60e3nidrio6/KittenSlantTrial.ttf);
}

#image05, #image06, #image07 {
z-index: 100;
position: relative;
bottom: .5em;
}

#text01, #text02, #text04, #text06 {
color: white;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
font-family: kitten;
}

#text01 {
position: relative;
bottom: 3em;
}

#container02 > .wrapper {
border: double 4.3px #000;
border-radius: 10px 10px 0px 0px;
width: 20em;
height: 9.25em;
}

#container02 > .wrapper > .inner > :nth-child(2) {
overflow: auto;
height: 7.875em;
padding-bottom: 5px;
}

#container03 > .wrapper {
border: double 4.3px #000;
border-radius: 10px 10px 0px 0px;
width: 20em;
height: 9.25em;
}

#container03 > .wrapper > .inner > :nth-child(2) {
overflow: auto;
height: 7.875em;
padding-bottom: 5px;
}

#container04 > .wrapper {
border: double 4.3px #000;
border-radius: 10px 10px 0px 0px;
width: 20em;
height: 9.25em;
}

#container04 > .wrapper > .inner > :nth-child(2) {
overflow: auto;
height: 7.875em;
padding-bottom: 5px;
}

</style>

-- HIDDEN SCROLLBAR --

<style>
::-webkit-scrollbar { /* to hide scrollbar, you can change it */
display: none;
}
</style>

-- MUSIC PLAYER --

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>
<style type="text/css">

/*-------MUSIC PLAYER BY GLENTHEMES-------*/
#glenplayer02 {
display:flex;
z-index:99;
height: 15px;
position:relative;
bottom:10.3em;
left: 17em;
}

#glenplayer02 a {
text-decoration:none;
}

#glenplayer02 > div {
align-self:center;
-webkit-align-self:center;
}

.music-controls {
user-select:none;
-webkit-user-select:none;
width:25px;
font-size:25px;
cursor:pointer;
}

.playy, .pausee {
background: #fff;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px #000;
} /* color of play & pause buttons */

.pausee {
display:none;
}

.pausee {
display:none;
}

</style>
<div id="glenplayer02">
<div class="music-controls" onclick="songstart();">
<div class="playy">►</div>
<div class="pausee">❚❚</div>
<audio id="tune" src="https://dl.dropbox.com/s/6k5y2s3yx1yoyti/Charli%20XCX%20-%20What%20You%20Think%20About%20Me%20%5BOfficial%20Visualiser%5D.mp3"audio" type="audio"></audio></div>