:root {
  
    --barvaTextu: #ffffff;
    --barvaHlavni: #3333cc;
    --barvaHlavnihover: #2323A2;
    --barvaSekundarni: #000000;
    --barvaBackground: #9997e5;

     } 

     ::-webkit-scrollbar{
		width: 0px;
     }

      body{
		background: var(--barvaHlavni);
		font-family: 'Montserrat', sans-serif;
	  }

	  .img{
		margin-bottom: 3px;
		cursor: pointer;
	  }

	  h1{
		 color: var(--barvaTextu);
		 font-weight: bold;
         font-style: italic;
	  }

	  h3{
		 color: var(--barvaTextu);
		 font-weight: bold;
         font-style: italic;
	  }

	  h5{
		 color: var(--barvaTextu);
         font-style: italic;
	  }

    .outer-container {
      width: 30%;
      box-sizing: border-box;
      padding: 20px;
      margin-bottom: 20px;
	  background: rgba(0, 0, 0, 0.6);
	  border-radius: 20px;
	  margin-top: 10px;
    }

    .outer-container a {
      font-size: 16px;
	  color: var(--barvaTextu);
	  text-decoration:none;
	  text-align: center;
	  font-weight: bold;
    }
    .outer-container a:hover{
      font-size: 16px;
	  color: var(--barvaTextu);
	  text-decoration:none;
	  text-align: center;
	  font-weight: bold; 
    }
	  
	/**** Small + Medium Screen ****/
		   @media (max-width:428px){
			  .outer-container{
				  width: 95%;
			   }
                  }
                   @media (min-width: 429px) and (max-width: 1000px) {
			  .outer-container{
				  width: 60%;
			   }
	          }
	  
    .inner-container-3 a{
        font-size: 16px;
		color: var(--barvaTextu);
		font-weight: bold;
    }

    .inner-container-2 {
      width: 50%;
      float: left;
      box-sizing: border-box;
      padding: 10px;
    }

    .inner-container-3 a:hover{
        color: var(--barvaTextu);
		text-decoration:none;
    }

    .inner-container-3 {
      width: 33%;
      float: left;
      box-sizing: border-box;
      padding: 10px;
    }
    
    .inner-container-4 {
      width: 25%;
      float: left;
      box-sizing: border-box;
      padding: 10px;
    }
    .inner-container-5 {
      width: 20%;
      float: left;
      box-sizing: border-box;
      padding: 10px;
    }

    .clearfix::after {
      content: "";
      display: table;
      clear: both;
    }

    .inner-container {
      width: 100%;
      float: left;
      box-sizing: border-box;
      padding: 10px;
    }
    i {
      font-size: 24px;
	  color: var(--barvaTextu);
	  text-decoration:none;
    }
    .inner-container a {
      font-size: 16px;
	  color: var(--barvaTextu);
	  text-decoration:none;
	  text-align: center;
	  font-weight: bold;
    }
    .inner-container a:hover{
      font-size: 16px;
	  color: var(--barvaTextu);
	  text-decoration:none;
	  text-align: center;
	  font-weight: bold; 
    }
    #footer a{
	  margin-bottom: 20px;
	  font-size: 16px;
	  color: var(--barvaTextu);
	  text-decoration:none;
	}

    #footer a:hover{
	  color: var(--barvaTextu);
	  text-decoration:none;
	}