/*General Things for Looks*/
body {
  background-image: linear-gradient(to bottom, rgba(248,96,179,0.10), rgba(24, 0, 20, 0.80)), url('global/bg.png');
  color: white;
  font-family: terminus;
}

img {
  max-width:100%;
}

@font-face {
  font-family: terminus;
  src: url(terminusfont.ttf);
}

@font-face {
    font-family: vhs;
    src: url(VCR.ttf);
}

@font-face {
    font-family: skygraze;
    src: url(Skygraze.otf);
}

@font-face {
    font-family: milky;
    src: url(milkyboba.ttf);
}

.name {
    text-shadow: 3px 3px 10px #89005e, 3px 3px #89005e;
    font-size:50px;
    margin: 27px;
}

.hrdash {
  border: 4px dashed #9f1366;
}

li {
  list-style-type: '◈';
  padding-inline-start: 1ch;
}

.dotdiv {
  border: 4px dashed #9f1366;
}

/*Page containers*/

.logo { 
    text-align: center;
    padding: 10px;
    left: 50%;
}

.pagecontent{
    position: relative;
    margin: auto;
    left: 0;
    right: 0;
    width: 100%;
    display:flex;
    flex-wrap: wrap;
    align-items: center;
}

.main { 
    font-size: 21px;
    background-color: #1b020f;
    border: 5px solid #ff6db9;
    border-style: ridge;
    padding: 20px;
    border-radius: 25px;
    text-align: center;
    margin: auto;
    margin-bottom: 40px;
    left: 50%;
    overflow: auto;
}

.banner {
    font-size: 21px;
    background-color: #1b020f;
    border: 5px solid #ff6db9;
    border-style: ridge;
    padding: 20px;
    border-radius: 25px;
    text-align: center;
    margin: auto;
    margin-bottom: 25px;
    left: 50%;
    overflow: auto;
    max-width:500px;
    padding:5px;
}

.sidebar { 
    text-align: right;
    padding:20px;
    margin: auto;
    margin-top: 10px;
    max-width: 250px;
    overflow: auto;
}

.sidebarR { 
    text-align: center;
    float: left;
    padding: 20px;
    margin: auto;
    margin-top: 10px;
    max-width: 250px;
    overflow: auto;
}
.buttons { 
    text-align:center;
    left: 50%;
}

.buttons img:hover {
    position:relative;
    top: -5px;
}

.rows {
    display: inline-flex;
}

.row2 {
    display: flex;
}

.columns {
    flex: 50%;
}