.box {display: block;text-align: center;padding: 15px 0px;}
.top-glass,.glass{position:relative;width: 100px;height: 105px;background: linear-gradient(to right, #f7f7f7, #A2B9C4, #A5C4D4, #A5C4D4, #A2B9C4, #f7f7f7);opacity: 0.5;z-index: 1;overflow: hidden;}
.top-glassp{position: absolute;bottom: 0px;width: 100px;height: 1.5833333333333333px;z-index: 5}
.glassp,.top-glassp2{position: absolute;bottom: 0%;width: 100%;height: 105px;background: #A50104;z-index: 1}
.middle{margin: 0px;position: relative;width: 50px;height: 10px;background: linear-gradient(to right, #f7f7f7, #A2B9C4, #A5C4D4, #A5C4D4, #A2B9C4, #f7f7f7);opacity: 0.3;border: 1px solid #A2B9C4;border-bottom: 0px;border-radius: 40%;z-index: 1;left: 50%;transform: translate(-50%,0px);}
.points_sandy{position: absolute;top: 44%;left: 47%;width: 10px;height: 10px;background: #A50104;opacity: 0;z-index: -1;box-sizing: content-box;border-radius: 80% 0 55% 50% / 55% 0 80% 50%;transform:rotate(-45deg);z-index: 1;}
.gryffindor{position:relative;display: inline-block;vertical-align: top;margin: 10px 15px;}
.band,.band5{position: relative;width: 100%;height: 10px;background: linear-gradient(to right, #CCA951, #FFD166, #CCA951);border-radius: 20%;z-index: 10;left: 0px;right: 0px;}
#sandy_hours,#sandy_day,#sandy_minutes,#sandy_seconds,.sandy_hours,.sandy_day,.sandy_minutes,.sandy_seconds{text-align: center;color: white;font-size: 26px;font-weight: 800;font-family: 'Bellefair', serif;margin:0px;line-height: 1;}
.text_sandy{position: absolute;width: 100%;top: 5px;z-index: 5;}
.top-glass-top{width: 100%;height: 105px;border-radius: 40% 40% 10% 10%;overflow: hidden;position: relative;}
.top-glass-top-top{width:100%;height: 105px;border-radius: 10% 10% 40% 40%;overflow: hidden;position: relative;}
svg {
  display: block;
  margin: 0 auto;
}
.top_svg{position: absolute;z-index: 500;bottom: 0px}