body{
    background-color:#141414;
    color:#ff9c00;
    width:90%;
    max-width:1000px;
    background-image: url("../img/square.jpg");
    margin:auto;
    paddding:0px 5px;
    text-align: center;
    font-family: "Bai Jamjuree", sans-serif;
}
.separ{
    height:15px;
    width:100%;
    background-image: url("../img/separ.jpg");
    background-size: contain;
}
.h1txt,h1,h2,h3{
    text-align:center;
}
.h1txt{
    font-size:10px;
}
.w34{
    width:80%;
    margin:auto;
}
.regimg{
    max-width:500px;
    width:80%;
    display:block;
    margin:auto;
}
.grid3{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding:20px;
    color:#ff9c00;
}
.grid11{
    display:grid;
    grid-template-columns: 1fr 1fr;
    padding:20px;
}
.grid11>img{
    max-width:400px;
    width:100%;
    display:block;
    margin:auto;
}
#logoimg{
    height:100px;
    margin:20px auto;
    display: block;
}
h1,h2{
    text-decoration:underline;
}
nav{
    width:100%;
    padding-bottom:20px;
}
a{
    text-decoration:none;
}
#logoimgholder{
    display:inline-block;
}
/* unvisited link */
a:link, a:visited {
  color:white;
}
p>a:link{
    color:#ff9c00;
}
/* mouse over link */
a:hover,p>a:hover {
  color: red;
}
nav>a,nav>div,footer>a,footer>p{
    align-self: center;
    justify-self: center;
}
nav>a,nav>div>button,nav>div>div>a{
    padding:10px;
    color:#ff9c00;
    background-color:black;
  border:solid 4px #ff9c00;
    /*overflow: hidden;*/
    clip-path: polygon(
    0 20%,
    10% 0,
    100% 0,
    100% 80%,
    90% 100%,
    0% 100%
  )
}
footer{
    display:grid;
    grid-template-columns: 2fr 4fr 1fr;
    width:100%;
    padding-bottom:10px;
    background-image: url("../img/separ.jpg");
    background-size: contain;
    pading:0px;
    margin:10px 0px;
    color:white;
}
footer>a,footer>p{
    margin-top:10px;
    margin-bottom:0px;
    background-color:black;
    padding:3px;
    text-align:center;
    border:2px solid #ff9c00;
    clip-path: polygon(
    0 20%,
    10% 0,
    100% 0,
    100% 80%,
    90% 100%,
    0% 100%
  )
}
footer>section{
    padding-top:15px;
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 0px;
}
footer>section>a>img{
    height:20px;
    filter: invert(100%);
    display:block;
    margin:auto;
}
p{
    color:white;
}
.dropbtn {
  color: white;
  cursor: pointer;
  font-size:16px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  min-width: 160px;
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: white;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
    color:red;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
        display:grid;
        grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 1060px) {
    .w34{
        width:90%;
    }
    .grid11{
        display:block;
    }
}
@media screen and (max-width: 460px) {
    nav{
        display:grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px 0px;
    }
}