@import url('https://fonts.googleapis.com/css2?family=Chelsea+Market&family=Road+Rage&family=Rubik+Dirt&family=Special+Elite&display=swap');

body{
        font-family: "Special Elite", system-ui;
        color: #f4e2ba;
        min-height: 100%;
        background-image: url("klippet.jpg");
        background-color: #cccccc;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-attachment: fixed;

        background: 
        linear-gradient(rgba(69, 39, 10, 0.6), rgba(36, 19, 4, 0.6)), 
        url("klippet.jpg") no-repeat center/cover fixed;

}

#div1
        {
        width: 100%;
        height: 100%;

}

    #tittel {
        font-family: 'Road Rage', sans-serif;
        color: #d4af37;
        font-size: 5em;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-shadow: 5px 5px 0px #000, -3px -3px 0px #5a3d0c;
        /*border-bottom: 5px solid #a8862b;
        display: inline-block;*/
    }

.bs
{

        font-family: "Special Elite", system-ui;
        font-size: 1.5em;
        margin-top: 1em;
        background: rgba(204, 204, 204, 0.65);
        padding-left: 1em;
        padding-right: 1em;
        margin-left: 1em;
        margin-right: 1em;
}


table, th, td {
        border-collapse:separate;
        border: 0px solid transparent;
        border-spacing:20px 20px;
        text-align:center;
        /*marginpadding-left:30px;*/
        font-family: "Special Elite", system-ui;
        font-size: 1em;
}
    

table {
        background: rgba(51, 25, 0, 0.8); 
        border: 10px solid #d4af37;

        /*lag en border gradient!!*/

        /*border-radius: 5px;*/
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    }


table.center {
        margin-left: auto;
        margin-right: auto;
}


input[type="number"], input[type="date"] {
        font-size: 1em;
        text-align: center;
        background: rgba(131, 117, 97, 0.8); 
        color: #f4e2ba;
        border: 3px solid #a8862b;
        /*border-radius: 3px;*/
        padding: 0.5em;
        box-shadow: inset 3px 3px 5px rgba(0, 0, 0, 0.6);
    }
input[type="submit"]
{
        font-size:1em;
        font-family: 'Road Rage', sans-serif;
}

input[type="date"]
{
        font-size: 1em;
        text-align: center;
        background: rgba(255, 255, 255, 0.15);
        color: white;
        border: 3px solid #d4af37;
        /*border-radius: 5px;*/
        padding: 0.5em;
        transition: all 0.3s ease-in-out;

}

label
{
        font-size:1em;
        font-family: "Special Elite", system-ui;
}


.btn {
        background-color: rgba(34, 17, 1, 0.8);; 
        color: white;
        padding: 0.6em;
        font-size: 1em;
        border: 1.5px solid #d4af37; 
        /*border-radius: 3px;*/
        font-family: "Chelsea Market", system-ui;
        height: 2.5em;
}

button {
  overflow: hidden;
  text-overflow: ellipsis;
white-space: nowrap;
}

.btn-align
{
        text-align: left;
}
.dropdown {
  position: absolute;
  display: inline-block;
  border-left:7px solid transparent /*mellomrom mellom i of tema*/
}


.dropdown:hover .btn {
  background-color: #a6861e;
        cursor: pointer;

}

a
{
        font-family: roboto;
        font-size: 1.5em;
        color: green;
}


.beskrivelse
{
        width: 10em;
        /*border: 2px solid #c19f2f;*/
        border-radius: 4px;
        background-color: #f4e2ba;;
        color: black;
        font-family: "Chelsea Market", system-ui;
        font-size: 1em;
}


#moretr, #moretr2, #moretr3, #moretr4, #moretr5, #moretr6, #moretr7, #moretr8, #moretr9, #moretr10, #moretr11, #moretr12, #moretr13, #moretr14, #moretr_top
{
                display:none;
}


#myBtn
{
        width: 150%;
}
#mybtntxt
{
        width: 85%;
}

i:hover
{
        /*background-color: #a6861e;*/
        cursor: pointer;
}