body, html{
    background-image: url(https://i.pinimg.com/474x/e0/ec/79/e0ec7907834967ab5b5d5464785627dc.jpg);
    background-position: center;
    background-size: 500px;
    margin: 0;
    
}

#Title{
    font-family: hondurhas;
    Color: antiquewhite;
    font-size: 180px;
    text-shadow: -2px 0 #a16bd1, 0 2px #a16bd1, 2px 0 #a16bd1, 0 -2px #a16bd1;
    text-align: center;
    position: relative;
    margin: 0;
    z-index: 3;
    
}
.Header{
    width: auto;
    height: 200px;
    padding: 10px;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-image: url(https://i.pinimg.com/736x/9d/c1/27/9dc1276611bc4e4e7bfef08ad00ba363.jpg);
    background-size: contain;
    
}

@font-face{
    
    font-family: hondurhas;
    src: url(Hondurhas.ttf);
    
}

@font-face{
        
    font-family: CherryBomb;
    src: url(CherryBombOne-Regular.ttf)
        
    }

.Navg {
    list-style-type: none;
    margin: auto;
    margin-bottom: 15px;
    padding: 0;
    overflow: hidden;
    height: fit-content;
    width: fit-content;
    justify-content: center;
    display: flex;
    position: relative;
    z-index: 2;
}

li a {
    display: block;
    color: white;
    font-family: cherrybomb;
    font-size: 20px;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    width: 200px;
    height: 40px;
    border: 3px outset white;
    border-radius: 50px;
    margin: 5px;
}

.HC {
    text-shadow: -1px 0 deeppink, 0 1px deeppink, 1px 0 deeppink, 0 -1px deeppink;
    background-image: linear-gradient(pink, #ff75a8, pink);
}
.HC:hover {
    background-image: linear-gradient(#ffd5dc, #ffa6c7, #ffd5dc);
}

.AMC {
    text-shadow: -1px 0 #ff8000, 0 1px #ff8000, 1px 0 #ff8000, 0 -1px #ff8000;
    background-image: linear-gradient(#ffda53, #ffb453, #ffda53);
}
.AMC:hover {
    background-image: linear-gradient(#ffe891, #ffce63, #ffe891);
}

.GC {
    text-shadow: -1px 0 green, 0 1px green, 1px 0 green, 0 -1px green;
    background-image: linear-gradient(#d3e74b, #9dcf3a, #d3e74b);
}
.GC:hover {
    background-image: linear-gradient(#e3f37f, #b7eb6a, #e3f37f);
}

.BC {
    text-shadow: -1px 0 purple, 0 1px purple, 1px 0 purple, 0 -1px purple;
    background-image: linear-gradient(#d28cd8, #a16bd1, #d28cd8);
}
.BC:hover {
    background-image: linear-gradient(#e6afea, #bb7fdb, #e6afea);
}

.DearGod{
    height: fit-content;
    width: 1200px;
    margin: auto;
    padding: 20px 10px;
    display: flex;
    align-content: start;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    
}

#salem{
    position: relative;
    border: ridge pink 7px;
    right: 50px;
    
}

#studio{
    border: ridge pink 7px;
    position: relative;
    top: -250px;
}

#Theodore{
    position: relative;
    left: 460px;
    bottom: 300px;
}

#HBLogo{
    position: relative;
    top: -850px;
    left: -700px;
    z-index: 1;
    transform: rotate(-20deg);
    
}


.Container{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding: 25px;
    width: 470px;
    
    
}

.Container input[type="radio"]{
     display: none;
}

.Container label{
    Padding: 10px;
    height: fit-content;
    border-radius: 5px;
    background-color: Pink;
    font-family: cherrybomb;
    color: aliceblue;
    text-shadow: -1px 0 deeppink, 0 1px deeppink, 1px 0 deeppink, 0 -1px deeppink;
    
    
}

.Container .tab{
    border: 40px solid;
    width: 100%;
    height: 300px;
    padding: 10px;
    border-image: url(https://i.pinimg.com/736x/b8/b2/30/b8b230bd764241d19e863d58f358f43f.jpg) 25% round;
    order: 1;
    display: none;
}

.Container input[type='radio']:checked + label + .tab{
    
    display:block;
}

.Container input[type="radio"]:checked + label{
    
    background: #b1bb6f;
}


#Description{
    background-image: url(https://i.pinimg.com/474x/0e/30/d7/0e30d77f1cd8761086dc780ffcda85a8.jpg);
    background-size: cover;
    height:150px;
    width: 255px;
    padding: 63px 63px 63px 70px;
    border-radius: 10px;
    text-align: center;
    font-family: cherrybomb;
    color:#585858;
}