html{
    box-shadow: inset 0 0 8em 1em #00000059;
}

body{
    background-color: rgb(66, 66, 66);
    color: white;
    font-family: monospace;
}

.naslov{
    margin-top: 20px;
    text-align: center;
    letter-spacing: 4px;
    font-size: 30px;
    text-shadow: rgb(255 255 255 / 40%) 0px 3px 8px;
}
.naslov2{
    margin-top: -23px;
    text-align: center;
    letter-spacing: 6px;
    font-size: 17px;
    text-shadow: rgba(255, 255, 255, 0.199) 0px 3px 8px;
    margin-bottom: 20px;
}

.meja{
    height: 5px;
    width: 80%;
    background-color: gold;
    border-radius: 4px;
    margin: 5px auto;
    box-shadow: rgba(255, 217, 0, 0.418) 0px 3px 8px;
}

.dan-opcije{
    width: 100%;
    position: relative;
    display: -ms-inline-grid;
    margin-top: 25px;
    margin-bottom: 20px;
    text-align: center;
}

.dan-opcije button{
    position: relative;
    background-color: #0000003b;
    width: 35svw;
    height: 35svw;
    border: 1px solid #ffffff9e;
    border-radius: 5px;
    cursor: pointer;
    margin: 10px;
    box-shadow: #ffd70021 0px 3px 8px;
}
.dan-opcije button span:nth-child(1){
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 37%;
    font-weight: 600;
    font-size: 30px;
    color: white;
}
.dan-opcije button span:nth-child(2){
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 65%;
    font-weight: 600;
    font-size: 30px;
    color: white;
    text-shadow: #ffffff7d 0px 3px 8px;
}
.ura:first-child{
    margin-top: 35px;
}
.ura{
    width: 90%;
    height: auto;
    min-height: 15px;
    padding: 10px 5px;
    border-bottom: dashed 1px #00000082;
    margin: 10px auto;
    position: relative;
}
.cas{
    font-size: 23px;
    position: absolute;
    top: -28px;
    left: 0;
}
.dejavnost{
    width: 85%;
    height: auto;
    border-radius: 5px;
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
    padding: 5px 0;
    box-shadow: rgba(255, 255, 255, 0.082) 0px 3px 8px;
    letter-spacing: 1px;
}
.dejavnost:not(:nth-child(2)){
    margin-top: 10px;
}
.tek{
    background-color: rgba(0, 128, 0, 0.247);
}
.zajterek{
    background-color: rgba(0, 102, 128, 0.247);
}
.kosilo{
    background-color: rgba(128, 105, 0, 0.247);
}
.namestitev{
    background-color: rgba(173, 4, 196, 0.247);
}
.w-drink{
    background-color: rgba(15, 220, 235, 0.247);
}
.ps{
    background-color: rgba(148, 89, 0, 0.247);
}
.vecerja{
    background-color: rgba(111, 129, 29, 0.247);
}
.joga{
    background-color: rgba(212, 14, 219, 0.247);
}
.surprize{
    background-color: rgba(253, 24, 24, 0.247);
}
.a-joga{
    background-color: rgba(125, 229, 233, 0.247);
}
.vine{
    background-color: rgba(160, 54, 86, 0.247);
}
.izlet{
    background-color: rgba(141, 255, 65, 0.247);
}
.ples{
    background-color: rgba(10, 69, 124, 0.247);
}
.gin{
    background-color: rgba(180, 0, 69, 0.247);
}
.odhod{
    background-color: rgba(15, 180, 0, 0.247);
}

.nazaj{
    position: absolute;
    top: 10px;
    left: 15px;
    font-size: 30px;
    text-shadow: #ffffff7d 0px 3px 8px;
    color: white;
    text-decoration: none;
    padding: 10px;
}