/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
   
   
body {
  background-color: white;
  color: black;
  font-family: 'Tw Cen MT Condensed Extra Bold';
}

p, h1, h2, h3, h4, h5, h6 {
  color: #121516;
}

.topbar {
  height: 64px; /* Full-height: remove this if you want "auto" height */
  width: 100%; /* Set the width of the sidebar */
  position: absolute; /* Fixed Sidebar (stay in place on scroll) */
  top: 0; /* Stay at the top */
  left: 0;
  background-image: url("https://cosmicantare.neocities.org/Images/bg.png");
  image-rendering: pixelated;
  overflow: hidden;
}

.pfp {
  position: absolute;
  background-size: 55px;
  width: 55px;
  height: 55px;
  top: 7%;
  left: 5px;
  image-rendering: pixelated;
}

.username {
  position: absolute;
  bottom: -15px;
  left: 65px;
  font-size: 30px;
  color: #121516;
}

.status {
  position: absolute;
  bottom: -10px;
  left: 65px;
  font-size: 15px;
  color: #004769;
}

.topButtons {
  position: absolute;
  left: 300px;
  bottom: -3px;
}

.topButtons > li {
  display: inline-block;
}

.topbarLink {
  color: #004769;
  font-size: 20px;
  border: 0;
  text-decoration: none;
}

.iconHome, .iconBlog, .iconArt, .iconAnim {
  width: 11px;
  height: 12px;
  display: block;
  float: left;
  margin: 10px;
  margin-top: 5px;
  scale: 250%;
}

.iconHome {
  background: transparent url(/Images/home.png) 0 0 no-repeat;
}

.iconBlog {
  background: transparent url(/Images/blog.png) 0 0 no-repeat;
}

.iconArt {
  background: transparent url(/Images/art.png) 0 0 no-repeat;
}

.iconAnim {
  background: transparent url(/Images/anim.png) 0 0 no-repeat;
}

.main {
  margin-top: 75px; /* Same as the width of the sidebar */
  padding: 0px 50px;
}


 /* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
  float: left;
  width: 33.33%;
  padding: 5px;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
} 

@font-face {
    font-family: 'TwCenMT-CondensedExtraBold';
    src: url(/Misc/TCCEB.woff2) format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}