body {
	background-color: #000000;
}

#logo{
background-color:#FF6600;
border-radius:50px;
font-size:30px;
color:#FFFFFF;
padding: 14px;
border:solid 10px #FFFFFF
}
#text1{
border-radius:50px;
text-align:center;
color:#FFFFFF;
padding: 1px;
}

#text2{
border-style:solid;
border-color:#00FF99;
border-radius:10px;
text-align:center;
color:#FFFFFF;
padding: 1px;
}

#text3{
border-style:solid;
background-color:#FF0000;
border-color:#FFFFFF;
border-radius:20px;
text-align:center;
width:150px;
padding: 1px;
}

#img1{
border-style:solid;
border-color:#00CCCC;
border-radius:20px;
text-align:center;
width:150px;
padding: 1px;
}

#img1:hover{
transform: scale(1.5);
}

#img2{
border-style:solid;
border-color:#00FF00;
border-radius:20px;
text-align:center;
width:150px;
padding: 1px;
}

#dropdown {
            position: relative;
            display: inline-block;
        }

        #dropdown-btn {
            margin: 5px;
            background-color:#0099FF;
            border-radius:30px;
			text-decoration:none;
            color:#FFFFFF;
            font-size:16px;
            padding: 20px;
            border: none;
            cursor: pointer;
        }

        #dropdown-btn:hover {
            background-color: #45a049; /* เปลี่ยนสีเมื่อวางเมาส์บนปุ่ม */
        }

        #dropdown-content {
            display: none; /* ซ่อนเนื้อหาของ Dropdown */
            position: absolute;
            background-color: #f9f9f9;
            border-radius:20px;
            min-width: 160px;
            border:solid 3px #FF6600;
            z-index: 1;
        }

        #dropdown-content a {
            color: black;
            padding: 12px 16px;
            border-radius:20px;
            text-decoration: none;
            display: block;
        }

        #dropdown-content a:hover {
            background-color: #4CAF50;
        }

        /* เมื่อวางเมาส์บนปุ่มให้แสดงเนื้อหาของ Dropdown */
        #dropdown:hover #dropdown-content {
            display: block;
        }