/* *============================================================* -* Layout *- *============================================================* */
/* ========================================================================================================================================== */
  .Box_Layout {
    max-width: 1920px;
    margin: 0 auto;
    
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: minmax(32px, auto);
    gap: 12px;
  }

/* *============================================================* Header *============================================================* */
  header {
    margin: 50px 0px 35px 0px;
    
    float: left;
    position: relative;
    background: radial-gradient(#370063ff  0%, #11001d00 65%);
    
    grid-column: 1 / 4;
    grid-row: 2;
  }

/* *============================================================* Navagation *============================================================* */
  nav {
    margin: 0px 0px 16px 0px;
    z-index: 2;
    
    grid-column: 1 / 13;
    grid-row: 2;
  }

/* *============================================================* Main *============================================================* */
  main {
    box-sizing: border-box;
    
    grid-column: 4 / 10;
    grid-row: 3;
  }
  
  .Artwork_Main {
     grid-column: 2 / 11;
  }
  
  .Artwork_View_Main {
    grid-column: 1 / 9;
  }
  
  .Great_And_Powerful_Blog_Main {
     grid-column: 3 / 10;
  }
  
  .Great_And_Powerful_Blog_Main_View {
    grid-column: 3 / 11;
  }

/* *============================================================* Sidebar *============================================================* */
  aside {
    box-sizing: border-box;
    
    grid-column: 9 / 13;
    grid-row: 3;
  }
  
  .Index_Aside_Right {
    grid-column: 10 / 13;
  }
  
  .Index_Aside_Left {
    grid-column: 1 / 4;
  }
  
  .Artwork_Aside_Right {
    grid-column: 11 / 13;
  }
  
  .Artwork_Aside_Left {
    grid-column: 1 / 2;
  }
  
  .Artowrk_View_Aside {
    grid-column: 8 / 13;
  }
  
  .Great_And_Powerful_Blog_Sidebar {
    grid-column: 10 / 12;
  }
  
 .Great_And_Powerful_Blog_Sidebar_View {
    grid-column: 2 / 3;
  }
  
/* *============================================================* Footer *============================================================* */
  footer {
    margin: 16px 0px 0px 0px;
    background: radial-gradient(#370063ff  0%, #11001d00 75%);
    
    grid-column: 1 / 13;
    grid-row: 4;
  }
  
  
/* *============================================================* Global *============================================================* */
  h1 ,h2, h3, h4, h5, p {
    margin: 0px;
    padding: 0px;
  }
  
  a, a:visited {
    color: #ffffff;
  }
  
  a:hover {
    color: #ffffff;
  }
  
  nav a {
    text-decoration: none;
  }

/*-- Classes --*/
  .Navagation_Buttons img {
    margin: 0px 16px 0px 16px;
  }
  
  
/* *=========================================================* Scaling Images *=========================================================* */
  .Title_Text, .Filter_Text, img {
    max-width: 100%;
    height: auto;
  }
  
  
  
  
  .Version_Number {
    color: white;
  }