body, div, main, section, article {
	box-sizing: border-box;
}

a:link {
	color: ##446CDB;
}

a:visited {
	color: #AE44DB;
}

body {
	background-image: linear-gradient(to right, #331647, #64279F);
}

header img {
    width: 500px;
    max-width: 98%;
	border: ridge  #c23fd4;
	border-radius: 4%
	
}

.container {
    container-type: size;
	text-shadow: 0 3px #000000;
}

.container a {
	color: #c421c4;
}

.wrapper {
	border: solid  #6e2378;
	border-radius: 12px;
	max-width: 86%;
	display: flex;
    justify-content: center;
	align-items: flex-start;
	
}

.sidebar {
	background-image: linear-gradient(to right, #B650FF, #64279F);
	border: ridge  #c23fd4;
	border-radius: 4%;
	flex-shrink: 0;
	max-width: 22%;
	padding: 15px;
}

.main {
	background-image: linear-gradient(to right, #B650FF, #64279F);
	border: ridge  #c23fd4;
	border-radius: 4%;
	max-width:60%;
	flex-shrink: 1;
	flex-grow: 1;
	
}

.writeHeader {
}

.latest-video {
}

.blog {
}

.pitfrey {
}

.comic-link {
	text-align: center;
}

header, h1, h2, h3, h4, h5, p, li{
  font-family: 'Inconsolata', monospace ;
  color: white;
}

/*@container (max-width: 45em) {
    .wrapper {    
        display: grid;
        margin: auto;
        max-width: 98%;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 1em;
    }
    .writeHeader {
        grid-area: 1 / 1 / 2 / 2;
		
    }
    .latest-video {
	    grid-area: 2 / 1 / 3 / 2;
		place-items: center;
    }
    .comic-link {
        grid-area: 3 / 1 / 4 / 2;
		text-align: center;
    }
    iframe {
        aspect-ratio: 16/9;
        width: 100%
    }
}

@media (max-width: 45em) {
      .bsky {
        display: none;
      }
      .bskyDiv1{
        display: none;
      }
      .bsky2{
        display: block;
        box-sizing: border-box;
        width: 90vw;
        background-color: #00000f;
        text-align: left;
      }
      .bskyDiv2{
        display: block;
      }
      .latest-video{
        width: 30%;
		text-align: center;
      }
      .comic-link{
        width: 30%;
		text-align: center;
      }
    }
*/