/*------------------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: 470px;}
.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: 390px; 
    margin: 5px; padding: 5px; padding-bottom: 15px; overflow-y: scroll;}
.tabcontent{display: none;}
.container{border: 1px solid black; width: 95%; margin-left: 2.5%; margin-top: 2%; height: 190px;}
.container img{width: 150px; margin: 10px; display: inline-block; border: 1px solid black;}
.container_header{border-bottom: 1px solid black; background-color: #b4b4b4;}
.image_album{padding-left: 15px; overflow-y: scroll; height: 170px;}