.gcalbody {
    margin: auto;
    //background: none transparent
    //background-image: none;
    //font-family: "Comfortaa", sans-serif;
    //	font-family: "Arial", sans-serif
    font-size: 100%;
    height: 5in;
    width: 80%;
    overflow: auto;
}

.gcalitem {
    //background-color: rgba(255, 255, 255, 0.75);
    background-color: #f3f3f3;
    margin: 0% 0% 2% 0%;
    //padding: 3% 3% 3% 3%;
    //border-radius: 10%;
    //box-shadow: 5px 5px 5px #000000;
    //font-size: 120%;
    position: relative;
    overflow: hidden;
}

.gcaldate {
    background-color: black;
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 120%;
    //border-radius: 10%;
    padding: 10% 0% 10% 0%;
    height: 100%;
    display: block;
}

.gcalsummary {
    //text-align: center;
    display: block;
}

.gcaldescription {
    font-size: 130%;
    //color: gold;
    font-weight: bold;
    //text-shadow: 1px 1px black;
}

.gcaldateright {
    display: block;
    width: 80%;
    float: right;
    //	top: 50%;
    //	transform: translate(0%, -50%);
    //	left: 25%;
    //	position: absolute;
}

.gcaldateleft {
    float: left;
    width: 15%;
}

.gcaltimes {
    font-size: 100%;
    color: black;
}