*{
  padding:0;
  margin: 0;
  box-sizing: border-box;
}
body{
  display:flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
background: #1e094f;
background: linear-gradient(90deg, rgba(30, 9, 79, 1) 0%, #0A0A0A 30%, #0A0A0A 70%, rgba(30, 9, 79, 1) 100%);
}
h1{
  margin-top: 25px;
  color: #FBEAFF;
  font-style: italic;
  text-decoration: underline;
}
main{
  background-color: #513681;
  border-radius: 25px;
  box-shadow: 8px 8px 1px #FBEAFF;
  margin:25px;
  padding:20px;
  display:flex;
  align-items: center;
  
}
.index main{
  width:80vw;
  gap:5px;
}
nav{
  width:10%;
  display: flex;
  flex-direction: column;
  gap:15px;
}
nav a{
  padding:5px;
  min-width:100%;
  text-align: center;
  text-decoration: none;
  color: black;
  border:2px solid #0A0A0A;
  border-radius: 15px;
  transition: 0.25s;
}
nav a:hover{
  background-color: #8C70FF;
  width:fit-content;
}
.flex{
  width:90%;
}
#content{
  background-color: #FBEAFF;
  border-radius: 25px;
  width:95%;
  height:500px;
  padding:20px;
  margin:25px;
  overflow: auto;
  float: left;
}
footer p{
  font-size: 2rem;
  font-style: italic;
  text-align: center;
}
.block{
  border:3px dotted #0A0A0A;
  width:100%;
  min-height:100px;
  margin:10px 0px;
  overflow: auto;
  transition: 1s;
}
.block:hover{
    background-color: #8C70FF;
}
.block img{
  max-height:90px;
  float:left;
  padding:5px;
}
.title{
  color:#0A0A0A;
  font-weight: bold;
  font-size: 1.5rem;
  padding:5px;
}
.description{
  color:#0A0A0A;
  padding:3px;
  font-style: italic;
}
.block a{
  text-decoration: none;
}
footer{
  color:#FBEAFF;
}
/* Signbook */
iframe{
  display:none;
}
/* blog specific */

.blog main{
  width:50vw;
  min-height:800px;
  flex-direction: column;
}