@import url(https://fonts.googleapis.com/css?family=Raleway:400,700,900|Roboto+Condensed:400,700&display=swap);
:root {
  --primary-font: "Roboto Condensed", sans-serif;
  --secondary-font: "Raleway", sans-serif;
  --dark-bg-color: #171c28;
  --light-bg-color: #fff;
  --light-font-color: #fff;
  --dark-font-color: #282828;
  --highlight-color: #db4886;
  --nominees-color: #6ea9b3;  /*82ABB2*/
  --grey-color: #828ca6;
  --heading-font-size: 2rem;
  --sub-heading-font-size: 1.2rem;
  --paragraph-font-size: 1.1rem;
  --small-font-size: 0.8rem;
  --bold-weight: 700;
  --black-weight: 900;
  --letter-spacing: 0.08rem;
  --background-gradient: linear-gradient(45deg, #5f21a3 0%, #df1e72 100%);
  --background-gradient-2: linear-gradient(90deg, #ac2386 0%, #f01a6a 100%);
  --opacity: 0.3;
  --shadow: inset 0 0 10px #000000;
  --nav-width: 20vw;
  --transiition: 450ms all !important;
  --transiition-fast: 150ms all !important;
  --desktop-margin: 10px;
  --desktop-padding: 14px;
  --border-size: 2px;
  --nav-height: 50px;
}

@media only screen and (min-width: 1024px) {
  :root {
    --sub-heading-font-size: 1.5rem;
    --heading-font-size: 2.5rem;
    --nav-height: 59px;
    --desktop-margin: 45px;
    --small-font-size: 0.8rem;
    --desktop-padding: 18px;
    --nav-width: 8vw;
  }
}
html,
body {
  width: 100%;
  overflow-x: hidden;
  height: auto;
  letter-spacing: var(--letter-spacing);
}
body {
  font-family: var(--primary-font);
  -webkit-font-smoothing: antialiased;

}
.ant-layout {
  background: transparent;
  width: 100%;
}
img {
  width: 100%;
}
.ant-btn:hover
{
  border-color:var(--highlight-color);
  color:var(--highlight-color);
}