html,
body {
height: 100%;
width: 100%;
margin: 0px;
padding: 0px;
}
.row {
display: flex;
flex-direction: row;
}
.row_nav {
display: flex;
flex-direction: row;
background-color: #018BC7;
}
.kotak {
flex-direction: row;
flex: 1;
justify-content: flex-end;
width: 100px;
padding-top: 20px;
}
.logo_menu {
width: 180px;
}
.kotak a {
color: #f2f2f2;
text-align: center;
padding: 10px 20px 10px 20px;
text-decoration: none;
font-family: boba panda;
font-size: 25px;
vertical-align: middle;
margin-left: auto;
margin-right: auto;
}
.kotak a:hover {
background-color: #E9961B;
}
.kotak a.active {
background-color: #E9961B;
color: white;
}
.bg_akun {
background-image: url("gambar/bg_akun.png");
background-size: 100%;
background-attachment: fixed;
background-repeat: no-repeat;
}
.bg_home {
background-image: url("gambar/bg_home.png");
background-size: 100% 100%;
background-attachment: fixed;
background-repeat: no-repeat;
}
.bg_tour {
background-image: url("gambar/bg_tour.png");
background-size: 100%;
background-attachment: fixed;
background-repeat: repeat;
}
.bg_blog {
background-image: url("gambar/bg_blog.png");
background-size: 100%;
background-attachment: scroll;
background-repeat: no-repeat;
}
.bg_galery {
background-image: url("gambar/bg_galery.png");
background-size: 100%;
background-attachment: scroll;
background-repeat: no-repeat;
}
.logo_register {
width: 301px;
height: 129px;
display: block;
margin-left: auto;
margin-right: auto;
}
.logo_login {
width: 399px;
height: 170px;
display: block;
margin-left: auto;
margin-right: auto;
}
.container_register {
border-radius: 20px;
background-color: #FFFFFF;
height: 390px;
width: 640px;
padding: 8px;
margin: 10px;
}
.container_login {
display: flex;
flex-direction: column;
justify-content: center;
border-radius: 20px;
background-color: #FFFFFF;
height: 270px;
width: 350px;
margin: 20px;
}
.font {
font-family: boba Panda;
color: black;
font-size: 19px;
}
.input_register {
border-radius: 10px;
border-color: #707070;
height: 25px;
width: 275px;
padding-left: 15px;
font-family: boba panda;
font-size: 15px;
color: #7F7F7F;
}
.label_login {
border-radius: 12px;
border-color: #707070;
height: 29px;
width: 170px;
padding-left: 15px;
font-family: boba panda;
font-size: 16px;
color: #7F7F7F;
}
.center {
vertical-align: middle;
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
}
.right {
vertical-align: middle;
text-align: right;
float: right;
display: block;
margin-left: auto;
margin-right: auto;
}
.logo_username_pw {
width: 64px;
vertical-align: middle;
text-align: center;
}
.button_submit button {
border-radius: 13px;
border-color: #707070;
background-color: #F0B70E;
text-align: center;
width: 100px;
}
.button_submit a {
color: black;
text-align: center;
text-decoration: none;
font-family: boba panda;
font-size: 25px;
vertical-align: middle;
margin-left: auto;
margin-right: auto;
display: inline-block;
}
.side_navigation {
float: left;
width: 300px;
}
.side_navigation button {
display: block;
background-color: inherit;
color: #6E6E6E;
border: none;
outline: none;
text-align: left;
cursor: pointer;
font-family: boba panda;
font-size: 25px;
padding: 30px;
}
.side_navigation button.active {
color: #F0B70E;
}
.side_navigation button:hover {
color: #E9961B;
}
.conten_akun {
display: flex;
flex-direction: row;
float: left;
background-color: white;
font-family: boba panda;
font-size: 20px;
color: #6E6E6E;
float: 1;
padding: 20px;
padding-left: 40px;
word-spacing: 10px;
}
.data_akun {
color: black;
padding-left: 40px;
}
.search input {
width: 1000px;
height: 40px;
background-color: #f2f2f2;
border-radius: 10px;
vertical-align: middle;
font-family: boba panda;
font-size: 25px;
letter-spacing: 5px;
color: #6E6E6E;
}
.search button {
background-color: #F0B70E;
height: 50px;
width: 100px;
border-radius: 10px;
vertical-align: middle;
text-align: center;
}
.home_conten {
display: flex;
flex-direction: row;
}
.deskripsi {
color: white;
font-family: boba panda;
font-size: 20px;
width: 40%;
padding: 0px 30px 0px 30px;
margin: 10px;
}
.nama_home {
font-family: billion dreams;
font-size: 150px;
color: white;
flex: 1;
}
.option select {
width: 350px;
height: 50px;
border-radius: 8px;
background-color: #ECF2F4;
font-family: boba panda;
color: #76797A;
font-size: 20px;
padding-left: 10px;
}
.tour img {
width: 300px;
height: 200px;
}
.tour {
background-color: #00000008;
width: 320px;
height: 280px;
text-align: center;
font-family: boba panda;
font-size: 23px;
letter-spacing: 1px;
padding: 20px;
border-radius: 10px;
}
.tour a {
text-align: center;
font-family: boba panda;
font-size: 23px;
letter-spacing: 1px;
text-decoration: none;
color: black;
}
.tour a:hover {
color: rgba(0, 0, 0, 0.185);
}
.lokasi,
.lokasi img,
.lokasi a {
text-align: left;
font-family: boba panda;
font-size: 20px;
letter-spacing: 0px;
color: #4C4C4C;
height: 20px;
margin: 0px;
}
.harga header {
padding-top: 30px;
width: 100%;
height: 100%;
color: rgb(0, 0, 0);
font-family: boba panda;
font-size: 50px;
}
.info_harga {
text-align: center;
font-family: boba panda;
font-size: 40px;
letter-spacing: 0px;
color: #000000;
padding: 20px;
flex: 2;
}
.cek_harga {
background-color: #03A0EF;
border-radius: 15px;
font-family: boba panda;
font-size: 20px;
letter-spacing: 1px;
color: white;
margin: 20px;
width: 380px;
height: 320px;
}
.cek_harga input {
width: 150px;
background-color: white;
border-radius: 7px;
height: 30px;
}
.cek_harga label {
font-size: 20px;
}
.blog {
text-align: left;
font-family: boba panda;
font-size: 23px;
letter-spacing: 1px;
padding: 20px 20px 20px 20px;
border-radius: 10px;
background-color: white;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.blog img {
width: 200px;
height: 100%;
padding-right: 20px;
}
.info {
width: 538px;
text-align: center;
font-family: boba panda;
font-size: 23px;
letter-spacing: 1px;
padding: 30px;
border-radius: 10px;
}
.info td {
padding: 10px 50px 10px 50px;
}
.info img {
width: 100%;
}
.info a {
text-align: center;
font-family: boba panda;
font-size: 23px;
letter-spacing: 1px;
text-decoration: none;
color: black;
}
.info a:hover {
color: rgba(0, 0, 0, 0.185);
}