a:link, a:visited, a:hover, a:active{
    color: grey;
}

/* Gradients generated at: https://cssgradient.io/ */
.warmTemp {
    background: rgb(255, 215, 51);
    background: linear-gradient(7deg, rgba(255, 215, 51, 0.8407738095238095) 23%, rgba(250, 188, 0, 1) 51%, rgba(255, 111, 0, 0.7343312324929971) 68%);
}

.hotTemp {
    background: rgb(255, 239, 0);
    background: linear-gradient(7deg, rgba(255, 239, 0, 1) 29%, rgba(253, 96, 29, 1) 55%, rgba(252, 176, 69, 1) 100%);
}

.niceTemp {
    background: rgb(237, 237, 237);
    background: linear-gradient(7deg, rgba(237, 237, 237, 0.8407738095238095) 23%, rgba(250, 167, 0, 0.6587009803921569) 42%, rgba(67, 110, 237, 0.7903536414565826) 71%);
}

.coolTemp {
    background: rgb(255, 255, 255);
    background: linear-gradient(7deg, rgba(255, 255, 255, 1) 29%, rgba(0, 148, 250, 1) 70%, rgba(241, 241, 241, 1) 81%);
}

.crazyHotTemp {
    background: rgb(247, 143, 10);
    background: linear-gradient(7deg, rgba(247, 143, 10, 0.9262079831932774) 18%, rgba(250, 149, 0, 0.6587009803921569) 36%, rgba(241, 37, 37, 0.7903536414565826) 60%);
}

.stupidHotTemp {
    background: rgb(247, 143, 10);
    background: linear-gradient(7deg, rgba(247, 143, 10, 0.9262079831932774) 9%, rgba(250, 149, 0, 0.6587009803921569) 25%, rgba(241, 37, 37, 0.7903536414565826) 39%);
}

.insaneHotTemp {
    background: rgb(247, 143, 10);
    background: linear-gradient(7deg, rgba(247, 143, 10, 0.9262079831932774) 9%, rgba(250, 149, 0, 0.6587009803921569) 20%, rgba(245, 0, 0, 0.7903536414565826) 28%);
}

#hero .temp-strip {
    padding: 10px 30px;
    position: relative;
    overflow: hidden;
    /* background: #fff; */
    box-shadow: 0 0 29px 0 rgba(18, 66, 101, 0.08);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    z-index: 1;
  }