#btn_StreetDay, #btn_RailDay{ background-color: #ffcc33; /* yellow */ border: none; color: white; width:3.2em; height:1.8em; /* padding: 15px 32px; */ text-align: center; text-decoration: none; display: inline-block; font-size: 16px; border-radius: 2px; box-shadow: 0 8px 16px 0 rgba(255,204,51,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); } #btn_StreetDay:hover, #btn_RailDay:hover{ background-color: #af8a1c; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); cursor: pointer; } #btn_StreetNight, #btn_RailNight{ background-color: #3583f8; /* yellow */ border: none; color: white; width:3.2em; height:1.8em; /* padding: 15px 32px; */ text-align: center; text-decoration: none; display: inline-block; font-size: 16px; border-radius: 2px; box-shadow: 0 8px 16px 0 #3583f833, 0 6px 20px 0 rgba(0,0,0,0.19); } #btn_StreetNight:hover, #btn_RailNight:hover{ background-color: #235fb9; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); cursor: pointer; } #btn_StreetOff, #btn_RailOff{ background-color: #424242; /* yellow */ border: none; color: white; width:2.4em; height:1.8em; /* padding: 15px 32px; */ text-align: center; text-decoration: none; display: inline-block; font-size: 16px; border-radius: 2px; box-shadow: 0 8px 16px 0 #27272733, 0 6px 20px 0 rgba(0,0,0,0.19); } #btn_StreetOff:hover, #btn_RailOff:hover{ background-color: #161616; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); cursor: pointer; } #btn_NoiseSensOn,#btn_NoiseSensOpen,#btn_NoiseSensShow, #btn_NoiseSensOff, .btn_on, .btn_off{ background-color: #424242; /* yellow */ border: none; color: white; width:4em; height:1.8em; /* padding: 15px 32px; */ text-align: center; text-decoration: none; display: inline-block; font-size: 16px; border-radius: 2px; box-shadow: 0 8px 16px 0 #27272733, 0 6px 20px 0 rgba(0,0,0,0.19); } #btn_NoiseSensOn:hover,#btn_NoiseSensOpen:hover,#btn_NoiseSensShow:hover, #btn_NoiseSensOff:hover, .btn_on:hover, .btn_off:hover{ background-color: #161616; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); cursor: pointer; } #tourstart-btn, #balloon-startscreen{ box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); } .btn-three{ box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); } /* .btn_home{ box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); width:6em; height:2.3em; border-radius: 4px; text-align: center; margin-top: -15px; } */ .btn_standard{ background-color: #424242; /* yellow */ border: none; color: white; /* padding: 15px 32px; */ text-align: center; text-decoration: none; display: inline-block; border-radius: 2px; box-shadow: 0 8px 16px 0 #27272733, 0 6px 20px 0 rgba(0,0,0,0.19); } .btn_standard:hover{ background-color: #161616; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); cursor: pointer; } .dropbtn { background-color: #303030; color: white; padding: 16px; font-size: 16px; border: none; cursor: pointer; } .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } .dropdown-content a:hover {background-color: #f1f1f1} .dropdown:hover .dropdown-content { display: block; } .dropdown:hover .dropbtn { background-color: #414141; }