/*------------------Links------------------*/
 @font-face {
  font-family: basiic;
  src: url(/assets/basiic.ttf);}
@font-face {
  font-family: virale;
  src: url(/assets/virale.ttf);}

/*-------------------General----------------*/
body{background-image: url('https://d7hftxdivxxvm.cloudfront.net/?quality=80&resize_to=width&src=https%3A%2F%2Fartsy-media-uploads.s3.amazonaws.com%2F2RNK1P0BYVrSCZEy_Sd1Ew%252F3417757448_4a6bdf36ce_o.jpg&width=910');
    background-size: cover;}
p{font-family: 'basiic'; margin: 0px; margin-top: 5px; font-size: small;}
h1{font-family: 'basiic'; font-size: large; 
    color: white; font-weight: bolder;
    margin: 3px; margin-bottom: 0px; display: inline-block;}
h2{font-family: 'basiic'; font-size: medium; font-weight: bolder;
    margin: 3px; margin-bottom: 0px; text-align: center;}
h3{font-family: 'basiic'; font-size: 15px; font-weight: bold; margin: 0px; margin-left: 10px;}
button{background-color: transparent; border: 0px; height: fit-content;}


/*-------------------Custom----------------*/
.window_border{border: 1px solid black; height: fit-content; width: fit-content;}
.window{background-color: #b4b4b4; border: 2px outset  black; width: 800px; height: 650px;}
.header{width: 100%; background-color: rgb(13, 13, 198); height: fit-content; padding-bottom: 2px;}
.button_header{width: 15px; height: 15px;background-color: #b4b4b4; text-align: center; border: 2px outset  black; float: right; margin: 2.5px;}
.button_header p{margin: 0px; margin-top: -2px;}
.content{background-color: white; border: 1px black solid; 
    width: 776px; height: 570px; 
    margin: 5px; padding: 5px; padding-bottom: 15px; overflow-y: scroll;}
.tabcontent{display: none;}
.image_album img{width: 160px; margin: 2px; display: inline-block; border: 1px solid black;}
.image_album{padding-left: 40px; padding-top: 10px;}
.current{width: 90%; height: 100px; border: 1px solid black; margin: 3%; padding: 10px; background-color: rgb(187, 187, 187);}
.current img{width: 100px; float: left}
.current_left{width: 500px; display: inline-block; padding-left: 10px;}
.journal{width: 30%; height: 300px; border: black solid 1px; padding: 10px; background-color: rgb(187, 187, 187); margin: 1%; display: inline-block;}
.journal span{ font-size: x-small;}
#scrollable{overflow-y: scroll;}