* {
box-sizing:border-box;
margin:0;
font-family:"Anaheim", monospace !important;
}
h1 {
  font-family:"Anaheim", cursive !important;
}

.body {
font-family: "Anaheim", monospace
}

.container {
padding-left:2rem;
padding-right:2rem
}

h1 {
padding:.5rem
}

.tabBtns {
padding-bottom:1rem
}
blink {color: red;
  font-size: 30px
}

button {
background-color:#fff;
color:#000;
border:none;
padding:.5rem;
padding-bottom:1rem;
cursor:pointer;
text-transform:capitalize
}

button:hover,.active {
text-transform:uppercase
}

.projects-container {
display:flex;
flex-wrap:wrap
}

.project {
position:relative;
width:22%;
margin:0 1rem 1rem 0;
padding:1rem;
border:dashed #000;
border-radius:5px;
height:auto
}

.project:hover {
background-color:#ff0;
border:solid #000
}

@media (max-width: 1250px) {
.project {
position:relative;
width:30%;
margin:0 1rem 1rem 0;
padding:1rem;
border:dashed #000;
border-radius:15px;
height:auto
}
}

@media (max-width: 1000px) {
.project {
position:relative;
width:45%;
margin:0 1rem 1rem 0;
padding:1rem;
border:dashed #000;
border-radius:15px;
height:auto
}
}

@media (max-width: 750px) {
.project {
position:relative;
width:100%;
margin:0 1rem 1rem 0;
padding:1rem;
border:dashed #000;
border-radius:15px;
height:auto
}
}

.project img {
width:100%
}

// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 200 to 900
."Anaheim"-<uniquifier> {
font-family:"Anaheim",monospace;
font-optical-sizing:auto;
font-weight:<weight>;
font-style:normal;
font-variation-settings:wdth 100
}

.project-year {
font-style:italic;
font-weight:300;
padding-bottom:2px;
float: right;
}

.project-tag {
font-style:italic;
width:max-content;
}

.project-title {
font-weight:700;
padding:2px;
}

.comic-container {
display:block;
margin-left:auto;
margin-right:auto
}

.comic-page {
width:80%;
padding:1rem;
display:block;
margin-left:auto;
margin-right:auto
}

.comic-page img {
width:100%;
display:block;
margin-left:auto;
margin-right:auto
}

a {
color:#000;
text-decoration:none
}

.footer h1 {
text-align:right
}

.project-top {
text-align:left;
display:flex
}

.project-title .project-year {
display:inline
}