

html, body {
  height: 100%;
  margin: 0px;
}

.btn-my
{
    overflow:clip;
    border-radius: 0px;
    --bs-btn-color:#ff9500;
    --bs-btn-bg:#241809;
    --bs-btn-border-color:#241809;
    --bs-btn-hover-color:#ff9500;
    --bs-btn-hover-bg:#1C1008;
    --bs-btn-hover-border-color:#1C1008;
    --bs-btn-focus-shadow-rgb:60,153,110;
    --bs-btn-active-color:#ff9500;
    --bs-btn-active-bg:#261B0D;
    --bs-btn-active-border-color:#261B0D;
    --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color:#ff9500;
    --bs-btn-disabled-bg:#261B0D;
    --bs-btn-disabled-border-color:#261B0D;
}

.btn-full
{
    width: 100%;
}

.topper
{
    width: 100%;
    background: #1C1008;
    color:#ff9500;

    display: flex;
    align-items: center;
    justify-content: center;

    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 40px;
}

.megamama
{
    background-color: #140B05;
    height: 100vh;
    overflow:auto
}

.header
{
    background: #1C1008;
    color:#ff9500;
    border-radius: 5px;

    margin: auto;
    margin-top: 20px;
    width: 75%;


    display: flex;
    align-items: center;
    justify-content: center;

}



.main
{
    margin: auto;
    margin-top: 5px;

    width: 100%;
    display:flex;
    align-items: flex-start;
}

.buffer
{
    width: 15%;
}

.contents
{
    text-align: center;
    width: 70%;

    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    background-color: #261B0D;
    color: #f79f24;
    border-radius: 5px;
}

.menu
{
    width: 14%;
    margin-left: 0.5%;
    margin-right: 0.5%;

    text-align: center;

    background-color: #261B0D;
    color: #f79f24;
    border-radius: 5px;
}





.fotter
{
    background: #1C1008;
    color:#ff9500;
    border-radius: 5px;

    margin: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 75%;

    display: flex;
    align-items: center;
    justify-content: center;
}

.addon-jou
{
    display:flex;
    flex-direction:row;
    justify-content: center;
    align-items:end;
    
    background-color: #1C1008;

    min-width: 20%;
    padding: 5px;
    border-radius: 5px;
}
