@charset "UTF-8";

a:link {
  color:black;
}

@font-face {
  font-family:'Droid Sans';
  font-style:normal;
  font-weight:400;
  src:local('Droid Sans Regular'),local(DroidSans-Regular),url(https://fonts.gstatic.com/s/droidsans/v8/SlGVmQWMvZQIdix7AFxXkHNSbQ.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family:'Tangerine';
  font-style:normal;
  font-weight:700;
  src:local('Tangerine Bold'),local(Tangerine-Bold),url(https://fonts.gstatic.com/s/tangerine/v9/Iurd6Y5j_oScZZow4VO5srNZi5FN.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family:'Mali';
  font-style:normal;
  font-weight:400;
  src:local('Mali Regular'),local(Mali-Regular),url(https://fonts.gstatic.com/s/mali/v1/N0ba2SRONuN4SCPED2xx.woff2) format("woff2");
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family:'Mali';
  font-style:normal;
  font-weight:400;
  src:local('Mali Regular'),local(Mali-Regular),url(https://fonts.gstatic.com/s/mali/v1/N0ba2SRONuN4SC3EDw.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

#tip_menu {
  height:825px;
  width:750px;
  border-style:solid;
  border-width:1px;
  border-color:white;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  color:#FFFFFF;
  background:#FFFFFF;
  box-shadow:1px 3px 0 #969696,1px 13px 5px #aba8a8,2px 2px 19px rgba(28,110,164,0.96);
}

.tip_title {
  position:relative;
  text-align:center;
  align-items:center;
  justify-content:center;
  font-family:'Mali';
  font-weight:100;
  font-style:normal;
  font-size:60px;
  text-shadow:1px 3px 0 #969696,1px 13px 5px #aba8a8;
  color:#FFFFFF;
  background:#FFFFFF;
}

.tip_row {
  position:relative;
  top:20px;
  height:240px;
  margin-top:auto;
  display:flex;
  justify-content:space-around;
  align-items:center;
  align-content:center;
  justify-content:center;
}

.img_circle {
  width:100%;
/* or any custom size */
  height:100%;
  object-fit:scale-down;
  opacity:.2;
  margin-left:auto;
  margin-right:auto;
}

.container_circle {
  position:relative;
  width:220px;
  height:220px;
  -webkit-border-radius:220px;
  -moz-border-radius:220px;
  border-radius:220px;
  align-items:center;
  align-content:center;
  justify-content:center;
  margin-left:auto;
  margin-right:auto;
  color:black;
  box-shadow:1px 3px 0 #969696,1px 13px 5px #aba8a8,2px 2px 19px rgba(28,110,164,0.96);
}

.text_circle {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  font-size:20px;
  font-weight:100;
  align-items:center;
  align-content:center;
  justify-content:center;
  margin-left:auto;
  margin-right:auto;
  font-family:'Mali',cursive;
}

#Raffle {
  height:1000px;
  width:600px;
  border-style:solid;
  border-width:1px;
  padding:2px;
  border-color:white;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  -webkit-box-shadow:5px 5px 15px 5px #FF8080,-9px 5px 15px 5px #FFE488,-7px -5px 15px 5px #8CFF85,12px -5px 15px 5px #80C7FF,12px 10px 15px 7px #E488FF,-10px 10px 15px 7px #FF616B,-10px -7px 27px 1px #8E5CFF,5px 47px 0 -30px rgba(0,0,0,0);
  box-shadow:5px 5px 15px 5px #FF8080,-9px 5px 15px 5px #FFE488,-7px -5px 15px 5px #8CFF85,12px -5px 15px 5px #80C7FF,12px 10px 15px 7px #E488FF,-10px 10px 15px 7px #FF616B,-10px -7px 27px 1px #8E5CFF,5px 47px 0 -30px rgba(0,0,0,0);
}

.raffle_h_sec {
  height:60px;
  width:450px;
  margin-left:auto;
  margin-right:auto;
}

.raffle_head {
  position:relative;
  text-align:center;
  align-items:center;
  justify-content:center;
}

.raffle_head p {
  font-family:'Tangerine';
  font-weight:100;
  font-style:normal;
  font-size:60px;
  color:#FFFFFF;
  text-shadow:#FFF 0 0 5px,#FFF 0 0 10px,#FFF 0 0 15px,#FF2D95 0 0 20px,#FF2D95 0 0 30px,#FF2D95 0 0 40px,#FF2D95 0 0 50px,#FF2D95 0 0 75px;
}

.raffle_title {
  position:relative;
  text-align:center;
}

.raffle_title p {
  font-family:'Comic Sans';
  font-weight:50;
  font-style:italic;
  font-size:40px;
  height:50px;
  width:450px;
  margin-left:auto;
  margin-right:auto;
  color:#FFFFFF;
  text-shadow:#FFF 0 0 5px,#FFF 0 0 10px,#FFF 0 0 15px,#FF2D95 0 0 20px,#FF2D95 0 0 30px,#FF2D95 0 0 40px,#FF2D95 0 0 50px,#FF2D95 0 0 75px;
}

.raffle_desc {
  position:relative;
  text-align:center;
  align-items:center;
  justify-content:center;
  font-family:Comic;
  font-size:20px;
  height:85px;
  width:300px;
  margin-left:auto;
  margin-right:auto;
}