/* CSS Document */  

/* Averia Sans */
@font-face {
  font-family: AveriaSans;
  src: url("/fonts/AveriaSansLibre-Regular.ttf");
}
@font-face {
  font-family: AveriaSans;
  src: url("/fonts/AveriaSansLibre-Bold.ttf");
  font-weight:bold;
}
@font-face {
  font-family: AveriaSans;
  src: url("/fonts/AveriaSansLibre-Italic.ttf");
  font-style:italic;
}
@font-face {
  font-family: AveriaSans;
  src: url("/fonts/AveriaSansLibre-BoldItalic.ttf");
  font-weight:bold;
  font-style:italic;
}


/* Averia Serif */
@font-face {
  font-family: AveriaSerif;
  src: url("/fonts/AveriaSerifLibre-Regular.ttf");
}
@font-face {
  font-family: AveriaSerif;
  src: url("/fonts/AveriaSerifLibre-Bold.ttf");
  font-weight:bold;
}
@font-face {
  font-family: AveriaSerif;
  src: url("/fonts/AveriaSerifLibre-Italic.ttf");
  font-style:italic;
}
@font-face {
  font-family: AveriaSerif;
  src: url("/fonts/AveriaSerifLibre-BoldItalic.ttf");
  font-weight:bold;
  font-style:italic;
}



* {
  box-sizing: border-box;
  font-family:AveriaSans;
}

img {
  pointer-events: none;
}

a {
  text-decoration:inherit;
  color:inherit;
}

.mybody {
  position:fixed;
  top:0px;
  left:0px;
  background-color:#2B0015;
  box-shadow: 0px 0px 500px inset;
  width: 100%;
  height: 100%;
  font-size:1vmin;
}

.cookiemsg {
  position:absolute;
  top:0px;
  left:0px;
  right:0px;
  height:20px;
  margin:15px;
  background-color:#333333;
  color:#999999;
  z-index:1000;
  text-align:center;
  border-radius:5px;
  font-size:2vmin;
}

.copymsg {
  position:absolute;
  bottom:0px;
  left:0px;
  right:0px;
  height:20px;
  margin:15px;
  background-color:#333333;
  color:#999999;
  z-index:1000;
  text-align:center;
  border-radius:5px;
  font-size:2vmin;
}

.mylogo {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0px;
  right:0px;
  margin-top: auto;
  margin-bottom: auto;
  top: 0px;
  bottom: 0px;
  width: 35%;
  height: 35%;
}
.mylogo::before {
  content: "";
  background-image: radial-gradient(circle closest-side, hsla(0, 0%, 0%,1), hsla(0, 0%, 0%,0));
  width:120%;
  height:120%;
  top: -10%;
  left: -10%;
  position:absolute;
  pointer-events:none;
}
.mylogo::after {
  content: "";
  width: 100%;
  height:100%;
  top:0px;
  left: 0px;
  background: url('/imgs/panACCADEMIA - Icona.jpg') center/contain no-repeat;
  position:absolute;
  pointer-events:none;
}


.myportal {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0px;
  right:0px;
  margin-top: auto;
  margin-bottom: auto;
  top: 0px;
  bottom: 0px;
  width: 35%;
  height: 35%;
}
.myportal::before {
  content: "";
  background-image: radial-gradient(circle closest-side, hsla(0, 0%, 0%,1), hsla(0, 0%, 0%,0));
  width:120%;
  height:120%;
  top: -10%;
  left: -10%;
  position:absolute;
  pointer-events:none;
}
.myportal::after {
  content: "";
  width: 100%;
  height:100%;
  top:0px;
  left: 0px;
  background: url("/imgs/D'amore e d'altri affanni (Profilo).jpg") center/contain no-repeat;
  position:absolute;
  pointer-events:none;
}


.in_menu {
  position:relative;
  top:50%;
  left:120%;
  z-index:1;
  color:#FFFFFF;
  font-size:2vmin;
}

.content {
/*    position:relative;
    top:0px;
	left:110%;
	height: 150%;*/
  height: 100%;
  z-index:1;
/*	background-color:transparent;*/
  font-size:1.5vmin;
  display:grid;
  grid-auto-flow: column;
  grid-auto-columns: 50vh;
  grid-gap: 7%;
/*    grid-template-columns: 100%;*/
  overflow:auto;
  padding-top:7%;
  padding-bottom:7%;
  align-content:center;
}
    
.post {
  position:relative;
}

.post-img {
  width:100%;
  border-radius: 5px;
  margin: 5px;
/*  max-height: 35%;*/
  max-width:35vh;
}

.post-desc {
  display:inline-block;
  width:35vh; /*100%;*/
  max-height:45vh; /*300px;*/
  background-color:#FFFFFF;
  border-radius: 5px;
  margin: 5px;
  overflow-x:hidden;
  overflow-y:auto;
  padding:1.5vh;
  box-shadow: 0px 0px 25px black;
}