@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Kanit&display=swap');

body { 
background: #000041; 
font-family: 'Kanit', sans-serif;
width: 100%;
}

h1::before, h2::before, h3::before, h5::before, h6::before {
content: "| ";
color: #000041;
font-weight: 900;
}

.container {
max-width: 90%;
}

.tab-content {
background: #00ff00;
}

#headnav {
width: 100%;
}

.navbar-nav {
text-align: center;
}

.btn {
border-radius: 0px;
border: 2px solid #00ff00;
color: #000041;
background: #00ff00;
}

.btn:hover {
color: #fff;
border: 2px solid #00ff00;
background: #000041;
}

.nav {
background: #00ff00;
}

.dropdown-menu.show {
background: #000041;
color: #fff;
}

.dropdown-item {
background: #000041;
color: #fff;
}

.dropdown-item.active {
background: #00ff00;
color: #000041;
}

.nav-link {
color: #000041;
}

.nav-link:hover{
color: #00ff00;
border-radius: 0px;
background: #000041;
}

.nav-item:hover {
color: #000041;
}

.nav-link.active {
background: #000041;
}

#mainopt-tab, #home-tab, #greet-tab, #stream-tab, #design-tab, #code-tab, #email-tab {
border-radius: 0px;
border: 0px;
}

.input-group-text {
border: 0.5px solid #eaeaea;
border-radius: 0px;
}

.form-control {
border: 0.5px solid #eaeaea;
border-radius: 0px;
}

.custom-select {
border: 0.5px solid #eaeaea;
border-radius: 0px;
}