/*-- SCREEN */

@media screen {
    
 @font-face {
    font-family: wfdtf;
    src: url(Fonts/wftfs-Regular.otf)
}
    
     @font-face {
    font-family: EBGaramond;
    src: url(Fonts/EBGaramond-Italic.ttf)
}
    
.bottom {    
    margin: 0mm;
    color: black;
    font-family: monospace;
    font-size: 9pt;
    text-justify: inter-word;
}
    
body {
    background-image: url("Imageresearch/back.def.png");
    min-height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
    margin: 5mm;
    color: black;
    font-family: monospace;
    font-size: 9pt;
    text-justify: inter-word;
    columns: 3;
    }
    
h1 {
    font-family: sans-serif;
    color: black;
    }

.bio {
    color: blue;
    font-size: 7pt;
    columns: 1;
     }    
    
.dida { 
    color: blue;
    font-size: 10pt;
    font-family: EBGaramond;
    }
    
.dida2 { 
    color: black;
    font-size: 10pt;
    font-family: EBGaramond;
    }

a:link {
  color: blue;
}

a:visited {
color: blue;
}
    
.symbol {
    font-family: wfdtf;
    color: blue;
    font-size: 10pt;    
    }
    
    .logo{
        position: bottom; 
        color:blue;
        font-family: wfdtf; 
        font-size: 31pt;
    }
    
img{
    padding: 0;
    max-width: 100%;
    height: auto;
 }
    
input[type="place"] {
    border: 0px solid;
    border-color: black;
    border-radius: 1px;  
}
    
input[type="yourname"] {
    border: 0px solid;
    border-color: black;
    border-radius: 1px;  
}
    
input[type="people"] {
    border: 0px solid;
    border-color: black;
    border-radius: 1px;  
}
    
input[type="mission"] {
    border: 0px solid;
    border-color: black;
    border-radius: 1px;  
}
    
input[type="friend"] {
    border: 0px solid;
    border-color: black;
    border-radius: 1px;  
}
    
input[type="what"] {
    border: 0px solid;
    border-color: black;
    border-radius: 1px;  
}
    
input[type="study"] {
    border: 0px solid;
    border-color: black;
    border-radius: 1px;  
}
    
input[type="language"] {
    border: 0px solid;
    border-color: black;
    border-radius: 1px;  
}

.footnotes{
    color: black;
    font-size: 7pt; 
    }
    
* { 
    scroll-behavior: smooth;
}
    
}


/*-- PRINT */

@page {
        size: 297mm, 420mm;
        margin-left: 20mm;
        margin-right: 5mm;
        margin-top: 5mm;
        margin-bottom: 5mm;
}

@media print {
    @font-face {
    font-family: wfdtf;
    src: url(Fonts/wftfs-Regular.otf)
}
    
@font-face {
    font-family: EBGaramond;
    src: url(Fonts/EBGaramond-Italic.ttf)
}
    
    
p1 {
  page-break-before: always;
}

.bottom {    
    margin: 0mm;
    color: black;
    font-family: monospace;
    font-size: 9pt;
    text-justify: inter-word;
}

body {
    background-image: url("Imageresearch/back.def.png");
    min-height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
    margin: 0mm;
    color: black;
    font-family: monospace;
    font-size: 9pt;
    text-justify: inter-word;
    columns: 3;
    }
    
h1 {
    font-family: sans-serif;
    color: black;
    }

.bio {
    color: blue;
    font-size: 7pt;
    columns: 1;
     }
    
img{
    max-width: 100%;
    height: auto
 }
    
.dida { 
    color: blue;
    font-size: 10pt;
    font-family: EBGaramond;
    }

a:link {
  color: blue;
}

a:visited {
color: blue;
}
    
.logo{
        position: bottom; 
        color:blue;
        font-family: wfdtf; 
        font-size: 50pt;
    }
    
input[type="place"] {
    border: 0px solid;
    border-color: black;
    border-radius: 1px;  
}
    
input[type="yourname"] {
    border: 0px solid;
    border-color: black;
    border-radius: 1px;  
}
    
input[type="people"] {
    border: 0px solid;
    border-color: black;
    border-radius: 1px;  
}
    
input[type="mission"] {
    border: 0px solid;
    border-color: black;
    border-radius: 1px;  
}
    
input[type="friend"] {
    border: 0px solid;
    border-color: black;
    border-radius: 1px;  
}
    
input[type="what"] {
    border: 0px solid;
    border-color: black;
    border-radius: 1px;  
}
    
input[type="study"] {
    border: 0px solid;
    border-color: black;
    border-radius: 1px;  
}
    
input[type="language"] {
    border: 0px solid;
    border-color: black;
    border-radius: 1px;  
}
    
.footnotes{
    color: black;
    font-size: 7pt; 
    }
    
.dida2 { 
    color: black;
    font-size: 10pt;
    font-family: EBGaramond;
    }

    .rotate {
	transform: rotate(180deg);
	transform-origin: left bottom 5px;
    float: left;
    position:fixed;
    color: blue;
    font-size: 10pt;
    font-family: EBGaramond;
    }
    
aside {
  display: block;
  position: relative;
  margin: 40px 0;
}

aside h3 {
  font-family: EBGaramond;
  text-transform: uppercase;
  background: #369;
  color: blue;
  font-size: 10pt;
  line-height: 24px;

/* Abs positioning makes it not take up vert space */
  position: absolute;
  top: -1000px;
  left: 0;

  /* Border is the new background */
  background: none;

  /* Rotate from top left corner (not default) */
  transform-origin: 0 0;
  transform: rotate(-90deg)
}
    
}