.page-wrapper{

  color: whitesmoke;
    
}
nav{
  
  background-image: url(https://imgtr.ee/images/2023/05/09/lkDbF.jpg);
  width: 1500px;
}
body{

  background-color: black;
  background-image: url(https://iili.io/HUHF8Ff.md.png);
}
.nav-logo-title{
  
 
  height: 180px;
  width:100%;
    

}
html {
  scroll-behavior: smooth;
}
.nav-logo-title img{
  position: absolute;
    content: url(https://imgtr.ee/images/2023/05/09/lkYlB.png);
    max-height: 250px;
    max-width: 250px;
    position: relative;
   

}
.nav-logo-title a{
  color: rgb(231, 54, 54);
  outline:#111111;
   
   font-size: 70px;
    font-style: normal;
    font-weight: bold;
    position: absolute;

    padding-top:35px;
    
    
  }
    ul {
        
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        

        margin-left: 1185px;
        margin-top: -45px;
        float: right;
        
       
      }
      
      li {
       
        float: left;
        width: auto;
      }
      
      li a {
        width:auto;
        display: block;
        color: whitesmoke;
       position: relative;
        text-align: center;
        padding: 10px;
       margin-left: auto;
        text-decoration: none;
        text-shadow: black;
        background-color: rgb(231, 54, 54);
        border-radius: 15px;
        box-shadow: 0px 0px 5px gray;
        font-weight: bold;
        
      }
      
      li a:hover {
        background-color: #111111;
        border-radius: 15px;
        
      }
      #header{
        float:top;
        margin: auto;
       margin-left: auto;
        width: 400px;
        height:auto;
        
        
      }
      .header-filler {
      
        margin: auto;
        margin-top: -200px;
       
        width: 80%;
        content: url(https://imgtr.ee/images/2023/05/09/lkStL.png);
      }
      .header-texts{
        
       
        text-align: center;
        
        padding: 10px;
      }
      #header div{
        
       
        
      }
      .header-texts h1{
        
        font-size: 20px;
        padding: 10px;
        width: 200px;
        
        margin: auto;
        position: relative;
        margin-bottom: 20px;
        margin-top: 20px;
        color: whitesmoke;
        background-color: rgb(231, 54, 54);
        box-shadow: 0px 0px 5px gray;
        border-radius: 15px;
      }
      .header-texts h3{
        
        font-size: 50px;
        color:  whitesmoke;
        
        
        border-radius: 15px;
        margin: auto;
        margin-left: -200px;
        width: 800px;
        padding: 10px;
        font-weight: bold;
       
      }
      section{
        
       
      }
      .header-texts p{
        font-size: 25px;
        padding: 10px;
        width: 800px;
        margin-left: -200px;
        padding-bottom: 200px;
        color:  whitesmoke;
        
        
      }
      .content-first{

        position: relative;
        background-color: rgb(223, 204, 179);
        box-shadow: 0px 0px 5px gray;
        border-radius: 15px;
        width: 800px;
        height:auto;
        margin: auto;
        text-align: center;
        margin-left: auto;
        padding: 20px;
        
        

      }
      .content-first h2{

     color: whitesmoke;
     font-size: 30px;
     font-weight: bold;
     background-color: rgb(231, 54, 54);
        box-shadow: 0px 0px 5px gray;
        border-radius: 15px;
        width: 300px;
        padding: 10px;
        margin: auto;
        
        

      }
      .content-first p{

       font-size: 20px;
       color: black;
        
        

      }
     
      .content-second h2{
        
       
        color: whitesmoke;
     font-size: 30px;
     font-weight: bold;
     background-color: rgb(231, 54, 54);
        box-shadow: 0px 0px 5px gray;
        border-radius: 15px;
        width: 300px;
        padding: 10px;
        margin: auto;
        
           
       

      }
      .content-second h4{
        
       
        color: black;
        font-size: 30px;
        font-weight: bold;
           
       

      }
      .content-second p{
        
       
        font-size: 20px;
        color: black;
         
      }
      .content-second{
        
       
        background-color: rgb(223, 204, 179);
        box-shadow: 0px 0px 5px gray;
        border-radius: 15px;
        margin-left: auto;
        width: 800px;
        height:auto;
        margin: auto;
        text-align: center;
        margin-top: 50px;
        padding: 10px;
        margin-left: auto;
       

      }
      aside{
        
        
        
        width: 300px;
        float: right;
        background-color: rgb(223, 204, 179);
        box-shadow: 0px 0px 5px gray;
        border-radius: 15px;
        padding: 10px;
        margin-top: 300px;
        margin-left: auto;
        height: auto;
      }
      aside h2{
        
       
       
       
        text-align: center;
        color: black;
        font-size: 30px;
        
        border-radius: 15px;
        margin-left: auto;
      }
      aside ul{
       
       margin-top: 5px;
        margin-bottom: 20px;
        list-style-type: none;
        margin-left: auto;
       
        

      }
      aside ul li{
        
        width: 300px;
       
        font-size: 15px;
        margin-top: 5px;
        margin-bottom: 5px;
        border-radius: 15px;
        background-color: rgb(231, 54, 54); 
        margin-left: auto;
        
      }
      aside ul li :hover{
        
        
        background-color: black; 
        border-radius: 15px;
        
      }
      .articles{
        width: 1100px;
        position: relative;
        margin-top: 260px;
        margin-left: 10px;
        
      }
      #articles{

       
      }
      .article img{

       content: url(https://imgtr.ee/images/2023/05/09/lkpR0.png);
       border-radius: 15px;
    
      }
      .article h3{

        font-size: 20px;
        font-weight: bold;
       }
      .rowfirst{
        

      }
      .articles table td{

        padding: 40px;
      }
      .article h3{

        font-size: 25px;
      }
      .article p{

        font-size: 20px;
      }
      
      .row-second img{
        content: url(https://imgtr.ee/images/2023/05/09/lkpR0.png);
        border-radius: 15px;
        position: absolute;
        margin-left: -360px;

      }
      .article-long{

        width:500px;
        position: absolute;
        margin-top: 200px;
      }
      .article-long h3{

        font-size: 30px;
        font-weight: bold;
      }
      .article-long p{
        font-size: 20px;
        
       
      }
      
      .creativity{
        
        background-color: rgb(223, 204, 179);
        margin-top: 600px;
        padding: 20px;
        width: auto;
        
      }
      #creativity{

        box-shadow: 0px 0px 10px gray;
      }
      .creativity-wrapper img{

        content: url(https://imgtr.ee/images/2023/05/09/lk1Y3.jpg);
        border-radius: 15px;
        margin-left: 80px;
      }
      .mini-content h2{
        color: black;
        text-align: center;
        font-size: 30px;
        font-weight: bold;
      }
      .mini-content p{
        font-size: 20px;
        color: black;
        text-align: center;
      }
      .mini-content {
        
        padding: 20px;
        border-radius: 15px;
        box-shadow: black;
        
      }
      #creativity {
       
        
        
        border-radius: 15px;
        padding: 20px;
        box-shadow: black;
      }
      .creativity-wrapper {
        display: flex;
        margin: auto;

      }
      footer{
        width:1500px;
        background-color: rgb(231, 54, 54);
        padding-bottom: 300px;
      }
      .footer-logo{

        
        margin-bottom: 60px;
      }
      .footer-logo h3{
        float: left;
        font-size: 50px;
        margin-left: 20px;
        font-weight: bolder;
        margin-top: 10px;
        
      }
      .footer-logo p{
        position: absolute;
        margin-left: 20px;
        margin-top: 70px;
        font-size: 15px;

      }
      .footer-form {

       float: right;
        
      }
      .footer-form p{

        font-size: 20px;
        font-weight: bold;
         
       }
      .footer-credit{
        margin-left: 20px;
        position: absolute;
        margin-top: 230px;
        
      }
      .footer-credit h3{
        font-size: 12px;
        
      }
      @media (max-width: 400px) {
        img{

          
          
        }
        nav{

          width: 1600px;
          height:250px;
        }
        .nav-logo-title img{
          position: absolute;
            content: url(https://imgtr.ee/images/2023/05/09/lkYlB.png);
            max-height: 400px;
            max-width: 400px;
            position: relative;
           
        
        }
        .nav-logo-title a{
          color: rgb(231, 54, 54);
          outline:#111111;
           
           font-size: 70px;
            font-style: normal;
            font-weight: bold;
            position: absolute;
          width: 300px;
            padding-top:35px;
            
            
          }
            ul {
                
                list-style-type: none;
                margin: 0;
                padding: 0;
                overflow: hidden;
                
        
                margin-left: 1185px;
                margin-top: -45px;
                float: right;
                
               
              }
              
              li {
                
                float: left;
                
              }
              
              li a {
                
                margin-left: 100px;

                
              }
              
              li a:hover {
                background-color: #111111;
                border-radius: 15px;
                
              }
              #header{
                margin-left: 650px;
                
                
              }
              .header-filler {
              
                margin: auto;
                margin-top: -200px;
               
                width: 80%;
                content: url(https://imgtr.ee/images/2023/05/09/lkStL.png);
              }
              .header-texts{
                
               
                text-align: center;
                
                padding: 10px;
              }
              #header div{
                
               
                
              }
              .header-texts h1{
                
                font-size: 50px;
                padding: 10px;
                width: 200px;
                
                margin: auto;
                position: relative;
                margin-bottom: 20px;
                margin-top: 20px;
                color: whitesmoke;
                background-color: rgb(231, 54, 54);
                box-shadow: 0px 0px 5px gray;
                border-radius: 15px;
              }
              .header-texts h3{
                
                font-size: 80px;
                color:  whitesmoke;
                
                
                border-radius: 15px;
                margin: auto;
                margin-left: -200px;
                width: 800px;
                padding: 10px;
                font-weight: bold;
               
              }
              section{
                
               
              }
              .header-texts p{
                font-size: 40px;
                padding: 10px;
                width: 800px;
                margin-left: -200px;
                padding-bottom: 200px;
                color:  whitesmoke;
                
                
              }
              .content-first{
        
                position: relative;
                background-color: rgb(223, 204, 179);
                box-shadow: 0px 0px 5px gray;
                border-radius: 15px;
                width: 800px;
                height:auto;
                margin: auto;
                text-align: center;
                margin-left: 450px;
                padding: 20px;
                
                
        
              }
              .content-first h2{
        
             color: whitesmoke;
             font-size: 50px;
             font-weight: bold;
             background-color: rgb(231, 54, 54);
                box-shadow: 0px 0px 5px gray;
                border-radius: 15px;
                width: 300px;
                padding: 10px;
                margin: auto;
                
                
        
              }
              .content-first p{
        
               font-size: 40px;
               color: black;
                
                
        
              }
             
              .content-second h2{
                
               
                color: whitesmoke;
             font-size: 50px;
             font-weight: bold;
             background-color: rgb(231, 54, 54);
                box-shadow: 0px 0px 5px gray;
                border-radius: 15px;
                width: 300px;
                padding: 10px;
                margin: auto;
                
                   
               
        
              }
              .content-second h4{
                
               
                color: black;
                font-size: 40px;
                font-weight: bold;
                   
               
        
              }
              .content-second p{
                
               
                font-size: 40px;
                color: black;
                 
              }
              .content-second{
                
               
                background-color: rgb(223, 204, 179);
                box-shadow: 0px 0px 5px gray;
                border-radius: 15px;
                
                width: 800px;
                
                text-align: center;
                margin-top: 50px;
                padding: 10px;
                margin-left: 450px;
        
              }
              aside{
                
                
                
                width: 500px;
                float: none;
                background-color: rgb(223, 204, 179);
                box-shadow: 0px 0px 5px gray;
                border-radius: 15px;
                padding: 50px;
                margin-top: 100px;
                margin-left: 550px;
                height: 600px;
              }
              aside h2{
                
               
               
               
                text-align: center;
                color: black;
                font-size: 30px;
                
                border-radius: 15px;
              }
              aside ul{
               
               margin-top: 5px;
                margin-bottom: 20px;
                list-style-type: none;
               margin-left: 40px;
                
        
              }
              aside ul li{
                
                width: 300px;
               margin-left: 80px;
                font-size: 15px;
                margin-top: 5px;
                margin-bottom: 5px;
                border-radius: 15px;
                background-color: rgb(231, 54, 54); 
                
              }
              aside ul li :hover{
                
                
                background-color: black; 
                border-radius: 15px;
                
              }
              .articles{
                width: 1100px;
                position: relative;
                margin-top: 260px;
                margin-left: 300px;
                
              }
              #articles{
        
               
              }
              .article img{
        
               content: url(https://imgtr.ee/images/2023/05/09/lkpR0.png);
               border-radius: 15px;
            
              }
              .article h3{
        
                font-size: 40px;
                font-weight: bold;
               }
              .rowfirst{
                
        
              }
              .articles table td{
        
                padding: 40px;
              }
              .article h3{
        
                font-size: 50px;
              }
              .article p{
        
                font-size: 40px;
              }
              
              .row-second img{
                content: url(https://imgtr.ee/images/2023/05/09/lkpR0.png);
                border-radius: 15px;
                position: absolute;
                margin-left: -360px;
        
              }
              .article-long{
        
                width:500px;
                position: absolute;
                margin-top: 200px;
              }
              .article-long h3{
        
                font-size: 50px;
                font-weight: bold;
              }
              .article-long p{
                font-size: 40px;
                
               
              }
              
              .creativity{
                
                background-color: rgb(223, 204, 179);
                margin-top: 1400px;
                padding: 20px;
                width: 1500px;
                
              }
              #creativity{
        
                box-shadow: 0px 0px 10px gray;
              }
              .creativity-wrapper img{
        
                content: url(https://imgtr.ee/images/2023/05/09/lk1Y3.jpg);
                border-radius: 15px;
                margin-left: 80px;
              }
              .mini-content h2{
                color: black;
                text-align: center;
                font-size: 30px;
                font-weight: bold;
              }
              .mini-content p{
                font-size: 20px;
                color: black;
                text-align: center;
              }
              .mini-content {
                
                padding: 20px;
                border-radius: 15px;
                box-shadow: black;
                
              }
              #creativity {
               
                
                
                border-radius: 15px;
                padding: 20px;
                box-shadow: black;
              }
              .creativity-wrapper {
                display: flex;
                margin: auto;
        
              }
              footer{
                width:1640px;
                background-color: rgb(231, 54, 54);
                padding-bottom: 500px;
              }
              .footer-logo{
        
                
                margin-bottom: 90px;
              }
              .footer-logo h3{
                float: left;
                font-size: 70px;
                margin-left: 40px;
                font-weight: bolder;
                margin-top: 10px;
                
              }
              .footer-logo p{
                position: absolute;
                margin-left: 40px;
                margin-top: 90px;
                font-size: 30px;
        
              }
              .footer-form {
        
               float: right;
                
              }
              .footer-form p{
        
                font-size: 40px;
                font-weight: bold;
                 
               }
              .footer-credit{
                margin-left: 10px;
                position: absolute;
                margin-top: 230px;
                
              }
              .footer-credit h3{
                font-size: 30px;
                
              }
      }

      @media (max-width: 1000px) {
        img{

          
          
        }
        nav{

          width: 2000px;
          height:300px;
        }
        .nav-logo-title img{
          position: absolute;
            content: url(https://imgtr.ee/images/2023/05/09/lkYlB.png);
            max-height: 400px;
            max-width: 400px;
            position: relative;
           
        
        }
        .nav-logo-title a{
          color: rgb(231, 54, 54);
          outline:#111111;
           
           font-size: 70px;
            font-style: normal;
            font-weight: bold;
            position: absolute;
          width: 300px;
            padding-top:35px;
            
            
          }
            ul {
                
                list-style-type: none;
                margin: 0;
                padding: 0;
                overflow: hidden;
                
        
                margin-left: 1385px;
                margin-top: -45px;
                float: right;
                
               
              }
              
              li {
                
                float: left;
                width:300px;
                
              }
              
              li a {
               
                margin-left: 150px;

                
              }
              
              li a:hover {
                background-color: #111111;
                border-radius: 15px;
                
              }
              #header{
                margin-left: 850px;
                
                
              }
              .header-filler {
              
                margin: auto;
                margin-top: -200px;
               
                width: 80%;
                content: url(https://imgtr.ee/images/2023/05/09/lkStL.png);
              }
              .header-texts{
                
               
                text-align: center;
                
                padding: 10px;
              }
              #header div{
                
               
                
              }
              .header-texts h1{
                
                font-size: 50px;
                padding: 10px;
                width: 200px;
                
                margin: auto;
                position: relative;
                margin-bottom: 20px;
                margin-top: 20px;
                color: whitesmoke;
                background-color: rgb(231, 54, 54);
                box-shadow: 0px 0px 5px gray;
                border-radius: 15px;
              }
              .header-texts h3{
                
                font-size: 80px;
                color:  whitesmoke;
                
                
                border-radius: 15px;
                margin: auto;
                margin-left: -200px;
                width: 800px;
                padding: 10px;
                font-weight: bold;
               
              }
              section{
                
               
              }
              .header-texts p{
                font-size: 40px;
                padding: 10px;
                width: 800px;
                margin-left: -200px;
                padding-bottom: 200px;
                color:  whitesmoke;
                
                
              }
              .content-first{
        
                position: relative;
                background-color: rgb(223, 204, 179);
                box-shadow: 0px 0px 5px gray;
                border-radius: 15px;
                width: 800px;
                height:auto;
                margin: auto;
                text-align: center;
                margin-left: 650px;
                padding: 20px;
                
                
        
              }
              .content-first h2{
        
             color: whitesmoke;
             font-size: 50px;
             font-weight: bold;
             background-color: rgb(231, 54, 54);
                box-shadow: 0px 0px 5px gray;
                border-radius: 15px;
                width: 300px;
                padding: 10px;
                margin: auto;
                
                
        
              }
              .content-first p{
        
               font-size: 40px;
               color: black;
                
                
        
              }
             
              .content-second h2{
                
               
                color: whitesmoke;
             font-size: 50px;
             font-weight: bold;
             background-color: rgb(231, 54, 54);
                box-shadow: 0px 0px 5px gray;
                border-radius: 15px;
                width: 300px;
                padding: 10px;
                margin: auto;
                
                   
               
        
              }
              .content-second h4{
                
               
                color: black;
                font-size: 40px;
                font-weight: bold;
                   
               
        
              }
              .content-second p{
                
               
                font-size: 40px;
                color: black;
                 
              }
              .content-second{
                
               
                background-color: rgb(223, 204, 179);
                box-shadow: 0px 0px 5px gray;
                border-radius: 15px;
                
                width: 800px;
                
                text-align: center;
                margin-top: 50px;
                padding: 10px;
                margin-left: 650px;
        
              }
              aside{
                
                
                
                width: 500px;
                float: none;
                background-color: rgb(223, 204, 179);
                box-shadow: 0px 0px 5px gray;
                border-radius: 15px;
                padding: 50px;
                margin-top: 100px;
                margin-left: 750px;
                height: 800px;
              }
              aside h2{
                
               
               
               
                text-align: center;
                color: black;
                font-size: 50px;
                
                border-radius: 15px;
              }
              aside ul{
               
               margin-top: 5px;
                margin-bottom: 20px;
                list-style-type: none;
               margin-left: 40px;
                
        
              }
              aside ul li{
                
                width: 300px;
               margin-left: 80px;
                font-size: 25px;
                margin-top: 5px;
                margin-bottom: 10px;
                border-radius: 15px;
                background-color: rgb(231, 54, 54); 
                
              }
              aside ul li :hover{
                
                
                background-color: black; 
                border-radius: 15px;
                
              }
              .articles{
                width: 1800px;
                position: relative;
                margin-top: 260px;
                margin-left: 100px;
                
              }
              #articles{
        
               
              }
              .article img{
        
               content: url(https://imgtr.ee/images/2023/05/09/lkpR0.png);
               border-radius: 15px;
            
              }
              .article h3{
        
                font-size: 40px;
                font-weight: bold;
               }
              .rowfirst{
                
        
              }
              .articles table td{
        
                padding: 40px;
              }
              .article h3{
        
                font-size: 50px;
              }
              .article p{
        
                font-size: 40px;
              }
              
              .row-second img{
                content: url(https://imgtr.ee/images/2023/05/09/lkpR0.png);
                border-radius: 15px;
                position: absolute;
                margin-left: -580px;
        
              }
              .article-long{
        
                width:500px;
                position: absolute;
                margin-top: 200px;
              }
              .article-long h3{
        
                font-size: 50px;
                font-weight: bold;
              }
              .article-long p{
                font-size: 40px;
                
               
              }
              
              .creativity{
                
                background-color: rgb(223, 204, 179);
                margin-top: 1400px;
                padding: 20px;
                width: 1900px;
                
              }
              #creativity{
        
                box-shadow: 0px 0px 10px gray;
              }
              .creativity-wrapper img{
        
                content: url(https://imgtr.ee/images/2023/05/09/lk1Y3.jpg);
                border-radius: 15px;
                margin-left: 120px;
              }
              .mini-content h2{
                color: black;
                text-align: center;
                font-size: 50px;
                font-weight: bold;
              }
              .mini-content p{
                font-size: 40px;
                color: black;
                text-align: center;
              }
              .mini-content {
                
                padding: 20px;
                border-radius: 15px;
                box-shadow: black;
                
              }
              #creativity {
               
                
                
                border-radius: 15px;
                padding: 20px;
                box-shadow: black;
              }
              .creativity-wrapper {
                display: flex;
                margin: auto;
        
              }
              footer{
                width:2000px;
                background-color: rgb(231, 54, 54);
                padding-bottom: 500px;
              }
              .footer-logo{
        
                
                margin-bottom: 90px;
              }
              .footer-logo h3{
                float: left;
                font-size: 70px;
                margin-left: 40px;
                font-weight: bolder;
                margin-top: 10px;
                
              }
              .footer-logo p{
                position: absolute;
                margin-left: 40px;
                margin-top: 90px;
                font-size: 30px;
        
              }
              .footer-form {
        
               float: right;
                
              }
              .footer-form p{
        
                font-size: 40px;
                font-weight: bold;
                 
               }
              .footer-credit{
                margin-left: 10px;
                position: absolute;
                margin-top: 230px;
                
              }
              .footer-credit h3{
                font-size: 30px;
                
              }
      }