.clnd_HeadGrid{
    display: grid;
    grid-template-columns: 9% 83% 8%;
    border: none;
    position: relative;
    height: 15vh;
    color: black;
}

.clnd_Head{
    border: none;
    text-align: center;
    font-weight: bold;
    font-family: Trebuchet MS;
    font-size: 5vw;
}

.clnd_HeadBtn{
    border: none;
    text-align: center;
    font-weight: bold;
    font-family: tahoma;
    font-size: 1vw;
}

.clnd_HeadBtn:hover {
    cursor: pointer;
    color: red;
    border: .25vw dashed red ;
}

.clnd_Title{
    border: none;
    height: 10vh;
    text-align: center;
    font-weight: normal;
    font-family: tahoma;
    font-size: 3vw;
}

.clnd_BtnGrid{
    display: grid;
    grid-template-columns:  33.3% 33.3% 33.4%;
    margin-top: 32vh;
    border: none;
    position: relative;
    height: 15vh;
    color: black;
    text-align: center;
}

.clnd_BtnTopic{
    visibility: visible;
    margin-top: 1vh;
    border: .25vw solid transparent;
    border-radius: 6em;
    width: 50%;
    height: 9vh;
    position: relative;
    color: white;
    text-align: center;
    font-weight: bold;
    font-family: tahoma;
    font-size: 3vw;
}

.clnd_BtnTopic:hover {
    cursor: pointer;
    color: yellow;
    border: .25vw dashed yellow ;
}

.clnd_WelcomeGrid{
    display: grid;
    grid-template-columns: 14% 44% 8% 8% 8% 8% 10%;
    border: .25vw solid red;
    position: relative;
    height: 15vh;
    color: black;
}

.clnd_BotGrid{
    display: grid;
    grid-template-columns: 20% 60% 20%;
    margin-top: 18vh;
    height: 7vh;
}

.clnd_BotText{
    border: none;
    height: 5vh;
    text-align: center;
    font-weight: bold;
    font-family: Arial;
    font-size: 2.1vw;
}

.clnd_BtnBot{
    visibility: visible;
    margin-top: .5vh;
    border: .25vw solid transparent;
    border-radius: 6em;
    width: 50%;
    height: 4.9vh;
    position: relative;
    color: white;
    text-align: center;
    font-weight: bold;
    font-family: tahoma;
    font-size: 2vw;
}

.clnd_BtnBot:hover {
    cursor: pointer;
    color: yellow;
    border: .25vw dashed yellow ;
}

.clnd_BoxLog{
    height: 69vh;
    width: 50vw;
    margin: auto;
    margin-top: 17vh;
    background-size: 97% 102%;
    background-position: center;
    background-repeat: no-repeat;
}

.clnd_HeadGridLog{
    display: grid;
    grid-template-columns: 20% 60% 10%;
    border: none;
    position: relative;
    height: 5vh;
    color: black;
}

.clnd_HeadLog{
    border: none;
    text-align: center;
    font-weight: bold;
    font-family: Trebuchet MS;
    font-size: 3vw;
}
/* 
.clnd_HeadBtn{
    border: none;
    text-align: center;
    font-weight: bold;
    font-family: tahoma;
    font-size: 1vw;
}

.clnd_HeadBtn:hover {
    cursor: pointer;
    color: red;
    border: .25vw dashed red ;
}

.clnd_Title{
    border: none;
    height: 10vh;
    text-align: center;
    font-weight: normal;
    font-family: tahoma;
    font-size: 3vw;
} */