*{
        box-sizing: border-box;
        padding: 0;
    }


    body {
        margin: auto;
        background-color: #D1F0CA

    }


    header {
	margin-top: 8rem;
	margin-bottom: 4rem;
    display:flex;
    justify-content: space-evenly;

        }

 nav {
     		width: 90vw;
         height: auto;		
         display: flex;
         justify-content: center;
         overflow: visible;
         border-bottom: 1.5px solid black;
     }


 .navbar {
        list-style-type: none;
        display: flex;
        flex-wrap: wrap;
        
    }

  nav ul li {
       
               padding-top: 0.8rem;
     
     }

     nav ul li a {
     			font-family: karla;
                 text-decoration: none;
                 font-size: 1.2rem;
                 letter-spacing: 2.5px;
                 font-weight: 300;
                 color: #000;
                 padding: 0 2rem;
               
     }

    main {
        margin: 6em;
        padding: 2.25em 2em 2em;

    }


    footer {

        margin-bottom: 2em;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;

    }


    footer ul {
        list-style: none;
        display: flex;
        justify-content: center;
    }

	footer ul li {

				padding-top: 1.2rem;

		
	}

    footer ul li a {
                text-decoration: none;
                font-size: 1rem;
                font-weight: 400;
                color: #000;
                padding: 0 2.8rem;
     }


	/*----------------------------------------------------------------------------------------------------------------------------*/


 	    h1 {
        
				vertical-align: middle;
				font-size: 1.25rem;
				padding: .5rem 0 .5rem 1.5rem;
				margin-bottom: 2em;
   		 
    
    }


 	    h2 {
 
				vertical-align: middle;
				font-size: 1.6cqw;
				padding: .5rem 0 .5rem 1.5rem;
				margin-bottom: 2em;
   		 
    
    }

	   img {

        float: right;
  /*      shape-outside: url(tortugazs_800.png);
        shape-margin: 0.375rem; */
        max-width:100%;
        height:auto;

        

     }

     

		table {
		  border-collapse: collapse;
		  
		}


		
		th, td {
		
		  padding: .2rem .325rem;
		  white-space: nowrap;
		  overflow: hidden;
		  text-overflow: ellipsis;
		 
		}
		
		
		th {
		    
		    font-weight: 300;
		    font-size: 1rem;
		    letter-spacing: 2px;
		    text-align: left;
		
		}
		
		td {
		    font-family: "smooch sans", "sans serif";
		    font-size: .8rem;
		  letter-spacing: 1px;
		
		}



		p {
		    font-family: "cormorant", "sans serif";
		    font-size: 1.1875rem;
		    color: #333;
		   
		}



		a {
			color: inherit;
		}



	/*----------------------------------------------------------------------------------------------------------------------------*/

		


   #index {
        margin: auto;
        padding: 3em .5em 2em .5em;
        max-width: 58vw
        
    }

    #intro {

		font-family: Google Sans Code;		
		font-weight: 300;
		font-size: 0.9rem;
		line-height: 130%;
		white-space: pre-wrap;

    }


    .widget_container{
        padding: 1rem;
        margin-bottom: 6rem;
        display: flex;
        flex-wrap: wrap;
        flex-shrink: 0;
        justify-content: space-around;
    

    }


	/*----------------------------------------------------------------------------------------------------------------------------*/

	    #updates {
		    table-layout: fixed;
		    min-width:40ch;
		    max-width: 60ch;
		    border: .875px solid #571344;

		    }


    #updates td {  
	        font-size: 0.9rem;
	        border: .875px solid #571344 ;

	    }

    #updates a {
			text-decoration: none;
			color: inherit;
	    	
	    }

    #updates a:hover{

			text-decoration-line: underline;

		}



	/*----------------------------------------------------------------------------------------------------------------------------*/


	.lastfm {

		align-self: center;

			}	


	/*----------------------------------------------------------------------------------------------------------------------------*/


	#boxing {
		display:flex;
		flex-direction:row;
		justify-content:space-around;
	}

	#quote {
		margin: auto;
		padding: 4rem 6rem;
		justify-content:center;
		align-items: start;
		align-content: start;
		flex-direction:row;
	}

	/*----------------------------------------------------------------------------------------------------------------------------*/



	
	#blog {

		display: block;
		text-decoration: none;
	}
	

	#blog a {

		padding: 0.25rem;
		display: block;
		text-decoration: none;
     }

	#blog a:hover {
     
		background-color:#f6fc3f;
     	
     }

	#blog th{
     	padding-left: 3rem;
     								
     }

	#blog td{
     	padding-left: 3rem;
     								
     }



	/*----------------------------------------------------------------------------------------------------------------------------*/

      article {
      	white-space: pre-wrap;
      }

     .blog_article {
        border: 2px solid black;
        padding: 5rem;
        margin: 14rem;

     }

     .blog_article article p {
     			white-space: pre-wrap;
     	        font-size: 1rem;
     	        font-family: IBM Plex Mono;
     	        font-weight: 400;
     	        line-height: 155%;
     	             }



	/*----------------------------------------------------------------------------------------------------------------------------*/
    

	.media {
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				gap:1rem;
				   			font-family: Corben;		
	}


     .media_entries {
   			font-family: Corben;
				padding-right:		 1rem;
				display:			 flex;
				flex-direction:		 column;
				flex-basis:			 2%;
				flex:				 1;

      }

      .media_entries button {
	      		cursor: pointer;
	      		white-space: nowrap ;
	      		overflow: hidden;
	      		text-overflow: ellipsis;
				text-align: left;
				padding: 1.35rem 1.75rem;
				border: none;
				background: none;
     			font-family: Corben;
     			font-size: 0.9rem;
				color:inherit;
				border-bottom: 1px solid black;
			
	      	
      }

      .media_entries button:hover {
		      	transform: scale(1.02);
  		    }


      .media_article {

      
		         display: flex;
		         padding: 2em;
		         border: .3rem groove #6a6b54;
		         flex: 2;
		         
		      }


	/*----------------------------------------------------------------------------------------------------------------------------*/




		.collection {
				display: flex;
				list-style-type: none;
				justify-content: space-evenly;
      	
      }


		.collection button {
            	cursor: pointer;
      			border: none;
      			background: none;
      			font: inherit;
      			color:inherit;     		
            	
            }


		.collection button:hover {

            
				transform: scale(1.02);
      
            }



	      .collection_table table {
		        margin: 1em 0;
		        border-collapse: collapse;
		        width: 100%;
		        overflow-x: auto;
		        display: block;
		        font-variant-numeric: lining-nums tabular-nums;
		      }
	      .collection_table table caption {
		        margin-bottom: 0.75em;
		      }
	      .collection_table tbody {
		        margin-top: 0.5em;
		        border-top: 1px solid #1a1a1a;
		        border-bottom: 1px solid #1a1a1a;
		      }
	     .collection_table  th {
		        border-top: 1px solid #1a1a1a;
		        padding: 0.25em 0.5em 0.25em 0.5em;
		      }
	     .collection_table  td {
		        padding: 0.125em 0.5em 0.25em 0.5em;
		      }