body{
    background:#750A00;
    color:#FFF333;
}
.navCustom{
    background:#5E0F0B;
    background-image: var(--bs-gradient);
}
.customTitles{
    font-family:Lucida, Courier, Times;
    font-size:50px;
    text-align:center;
    margin-top:10px;
}
#startTitle{
    margin-bottom:auto;
    margin-top:10%;
    font-style:bolder;
    background:rgba(0,0,0,0.5);
    margin-left:10%;
    margin-right:10%;
}
#homePage{
    background: rgba(0,0,0,0.3);
    margin-top:5%;
    margin-bottom:auto;
    padding-top:1%;
    padding-bottom:1%;
}
.leftImg{
    width:400px;
    height:auto;
    border:solid;
    border-color:#FFF333;
    float:left;
    max-width:40%;
    margin-right:5px;
}
.rightImg{
    width:400px;
    height:auto;
    border:solid;
    border-color:#FFF333;
    float:right;
    max-width:40%;
    margin-right:5px;
}
.wenkwonk:hover img{
    width:450px;
}
.wenkwonk{
    overflow:hidden;
}
figcaption{
    margin-top:10px;
    font-size: 3vw;
}
footer{
    color:#919395;
    text-align:center;
    border-top:Solid 3px;
    margin-left:20px;
    margin-right:20px;
}
.productOdd{
    text-align:left;
    border:dotted;
    width:60%;
    margin-top:10px;
    margin-bottom:10px;
    padding-left:5px;
    padding-right:5px;
    overflow:hidden;
}
.productEven{
    text-align:right;
    margin-left:40%;
    border:dotted;
    width:60%;
    margin-top:10px;
    margin-bottom:10px;
    padding-left:5px;
    padding-right:5px;
    overflow:hidden;
}
.noBlue{
    color:#FFF333;
}
.noBlue:hover{
    color:#fccd3d;
}
.notWide{
    width:60%;
    float:right;
    margin-left:5px;
}
#indexPageBg{
    background-image:url("https://live.staticflickr.com/23/30859899_3b1f3edd28_c.jpg");
    background-position: -400px 0px;
    animation: indexMove 7s infinite forwards;
    animation-timing-function:linear;
}
@keyframes indexMove{
    100% {background-position: 1200px 0px;}
}
.productOdd img{
    margin-top:5px;
    margin-bottom:5px;
    height:150px;
    width:auto;
    float:left;
}
.productEven img{
    margin-top:5px;
    margin-bottom:5px;
    margin-left: 5px;
    margin-right: 0px;
    height:150px;
    width:auto;
    float:right;
}
.productOdd:hover img{
    height:170px;
}
.productEven:hover img{
    height:170px;
}
.carouselImg{
    width:100%;
    max-width:800px;
    max-height:500px;
    border:solid;
    text-align:center;
    border-color:#FFF333;
}
.carouselSize{
    width:100%;
    max-width:800px;
    margin-left:auto;
    margin-right:auto;
}
#underConstruction{
    background-image:url("https://www.nicepng.com/png/detail/487-4870773_website-under-construction-web-page-under-construction-gif.png");
    background-repeat:no-repeat;
    background-color:#f6f6f6;
}
.brand{
    height:40px;
    border:solid;
    border-color:#FFF333;
    border-width:2px;
    border-radius:2px;
}
li:hover{
    background:rgba(255,0,0,0.4);
}
li:active{
    background:rgba(255,0,0,0.7);
}
.textActive{
    background:rgba(253, 255, 158,0.3);
}
.contactBorder{
    border:dashed;
    border-width:10px;
    border-color:#FFF333;
    background-color:red;
    color:#FFF333;
    margin:5px;
}
.logo{
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:20%;
    height:auto;
    border:solid;
    border-width:5px;
    border-color:#FFF333;
    border-radius:5px;
}
.finalGuy{
    margin-top:30px;
    margin-bottom:-40px;
}