/* GOOGLE FONTS APPLIED IN HTML FILE */

/* GENERAL */
body{
  margin:0;
  font-family:'Poppins',sans-serif;
  text-align:center;
  color:white;
  background:url("images/bg.png");
  background-size:cover;
  background-position:center;
  background-attachment:fixed;
}

section{
  padding:50px 20px;
}

/* GOLD THEME */
.gold{
  color:#FFD700;
  text-shadow:0 0 10px rgba(255,215,0,0.8);
}

/* NAVBAR */
nav{
  margin-top:20px;
}

nav a{
  color:#FFD700;
  margin:0 15px;
  text-decoration:none;
  font-weight:500;
  transition:0.3s;
}

nav a:hover{
  text-shadow:0 0 10px gold;
}

/* TITLE */
.title{
  font-family:'Cinzel',serif;
  font-size:70px;
  background:linear-gradient(#FFD700,#ff9900);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* COLLEGE LOGO */
.college-logo{
  margin-top:20px;
}

.college-logo img{
  width:250px;
  max-width:900%;
  height:auto;
  filter:drop-shadow(0 0 15px gold);
}

/* HERO IMAGE */
.hero img{
  width:280px;
  margin-top:30px;
  filter:drop-shadow(0 0 20px gold);
}

/* CARD STYLE */
.card{
  background:rgba(0,0,0,0.6);
  margin:40px auto;
  padding:25px;
  max-width:700px;
  border-radius:15px;
  border:1px solid gold;
}

/* PRIZE */
.prize{
  font-size:26px;
  font-family:'Cinzel',serif;
  margin:15px 0;
}

/* BUTTON */
.btn{
  display:inline-block;
  margin-top:20px;
  padding:15px 35px;
  font-size:18px;
  color:black;
  background:linear-gradient(#FFD700,#ff9900);
  text-decoration:none;
  border-radius:40px;
  font-weight:bold;
  transition:0.3s;
}

.btn:hover{
  box-shadow:0 0 15px gold;
}

/* COUNTDOWN */
.timer{
  font-size:40px;
  margin-top:80px;
}

/* FOOTER */
.footer{
  background:rgba(0,0,0,0.6);
  padding:20px;
  margin-top:40px;
}

/* MOBILE RESPONSIVE */
@media(max-width:768px){

  .college-logo img{
    width:220px;
  }

  .title{
    font-size:40px;
  }

  .hero img{
    width:200px;
  }

  nav a{
    display:block;
    margin:10px 0;
  }

}