body{font-family: monospace;}
.temptek {
    font-size: 3em;
    font-weight: bold;
    margin: 10px 0;
}
.opisanietek {
    font-size: 1.2em;
    margin-bottom: 10px;
    text-transform: capitalize;
}
.ikonkatek {
    width: 80px;
   
}
.ddrt {
    display: flex;
    flex-direction: column;
    margin-top: 15px;
    width: 50%;
    margin: 15px auto;
}
.voiza {
      display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 15px;
}
.tekpog {
	font-size: larger;
    text-align: center;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #dfe6e9;
}

  .detail-item, .vlajnosttek, .davlenietek, .vetertek {
  	margin-bottom: 6px;
            padding: 8px;
            background: #ebd5b7;
            border-radius: 10px;
            text-align: center;
        }
        
        
.pogperiod {
    display: inline-block;
    width: 270px;
    margin: 15px;
vertical-align: top;
    background-color: #ebd5b7;
    border-radius: 10px;
    padding: 10px 0;
}
        
        .date {
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
    color: #2d3436;
}
        .daysy {
    margin-bottom: 15px;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 15px;
    text-align: center;
        font-size: larger;
}
 
    .per{
     font-weight: bold;
    margin: 10px;
    } 
        
      

.ikonka{
width: 40px;
}
.vdr{
	    display: flex;
    justify-content: space-between;
    align-items: center;
}
.logo{
font-size: xxx-large;
    margin-left: 20px;
    font-family: sans-serif;
}
.logo a {text-decoration: none;
color: darkblue;}
.gd{
    display: flex;
    flex-direction: column;
    margin: 21px 5%;
    font-size: x-large;
}
.gd a{
margin-top: 2px;
}
.drg{
   display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 160px;
   
vertical-align: top;
    background-color: #ebd5b7;
    border-radius: 10px;
}

.temp{
font-size: 30px;
font-weight: bold;
}

        @media (max-width: 450px) {
        .ddrt {
width: 97%
}
        }
        @media (max-width: 500px){
.logo{font-size: xx-large;}        
        }
             @media (max-width: 400px){
.logo{font-size: x-large;}        
        }
        
              @media (max-width: 660px) {
        .pogperiod {
width: 95%;

margin: 20px 0px;
}
        }