*{
    box-sizing: border-box;
}

body
{
      font-family: Helvetica, Arial;
      background-color: #1c1a26;
}
  
.topnav
{
      background-color: #2c2a36;
      overflow: hidden;
      transition: all 0.15s;
      user-select: none;
}
  
.topnav a
{
      float: right;
      color: #f2f2f2;
      text-align: center;
      padding: 10px 10px;
      text-decoration: none;
      font-size: 17px;
      transition: all 0.3s;
}
  
.topnav a:hover
{
      background-color: #4c4a56;
}
  
.topnav a.active 
{
      background-color: dodgerblue;
      color: white;
      float: left;
      padding: 10px;
}

.topnav a.active:hover
{
      background-color: hsl(210, 100%, 70%);
}

.header {
      padding: 125px;
      text-align: center;
      background: url("header_background.png") no-repeat;
      background-size: 100% 100%;
      color: white;
      font-size: 30px;
      position: relative;
}

.header p{
    font-size: 20px;
}

.maincontainer
{
      margin-left: 150px;
      margin-right: 150px;
      margin-top: 25px;
      margin-bottom: 25px;
      font-size: 20px;
      color: white;
}

.start-button{
    padding: 10px;
    color: white;
    background-color: transparent;
    border: 3px solid white;
    border-radius: 10px;
    margin-right: 10px;
    cursor: pointer;
    transition: all 0.3s;
    user-select: none;
    text-decoration: none;
}

.start-button:hover{
      background-color: #ffffff33;
}

.link-card{
      background-color: #2c2a36;
      color: white;
      transition: all 0.3s;
      cursor: pointer;
      border-radius: 10px;
      user-select: none;
}

.link-card:hover{
      background-color: #4c4a56;
}

.disabled-link-card{
      background-color: #2c2a36;
      color: white;
      transition: all 0.3s;
      cursor: not-allowed;
      border-radius: 10px;
      user-select: none;
      opacity: 25%;
}

::-webkit-scrollbar {
      display: none;
}

.new-info{
      background-color: dodgerblue;
      border-radius: 20px;
      padding-top: 1.5px;
      padding-bottom: 2px;
      padding-left: 6px;
      padding-right: 6px;
      margin-left: 3px;
      user-select: none;
}

.category-header {
      padding: 20px;
      text-align: center;
      color: white;
      position: relative;
      background-size: 100% 100%;
      font-size: 20px;
}

.element{
      border-radius: 10px;
      border: #4c4a56 3px solid;
      color: white;
      padding-top: 15px;
      padding-bottom: 15px;
      padding-left: 15px;
      padding-right: 1px;
      margin-left: 50px;
      margin-right: 50px;
      margin-bottom: 25px;
      font-size: 20px;
      user-select: none;
}

.element > div{
      position: relative;
      margin: 0 auto;
      text-align: left;
      margin: 10px;
}

.element > div > div{
      position: absolute;
      top: 0;
      width: 100%;
      text-align: right;
}

.basic-button{
      background-color: dodgerblue;
      text-decoration: none;
      color: white;
      padding: 15px;
      border-radius: 10px;
      transition: all 0.3s;
      cursor: pointer;
}

.basic-button:hover{
      background-color: hsl(210, 100%, 70%);
}

.disabled-button{
      background-color: slategray;
      opacity: 50%;
      text-decoration: none;
      color: white;
      padding: 15px;
      border-radius: 10px;
      transition: all 0.3s;
}

.basic-text{
      text-decoration: none;
      color: white;
      background-color: #16151e;
      padding: 15px;
      border-radius: 10px;
      user-select: text;
      cursor: text;
}

h1{
      font-size: 50px;
      font-weight: 750;
}

.mini-header{
      text-align: center;
      color: white;
      position: relative;
      font-size: 20px;
}