@charset "UTF-8";
/* CSS Document */

html{
    background-color:#000000;
}

    
html, body {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

 header{
    padding-top: 20px;
    padding-left: 2vw;
    margin: 0 auto;
}


body {
    background-color:#0D0E12;
    font-family: 'coco_gothiclight';
}

h1 {
    font-family: 'bastradregular';
    color: #D9DEFE;
    font-size: 1.5rem;
}

h2{
    font-family: 'coco_gothiclight';
    color:#414141;
    font-size: 3rem;
}

footer {
    background: #000000;
    color:#D9DEFE;
    padding-top: 5px;
    font-family:'coco_gothiclight';

}

.header-container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
    align-content: flex-start;
	margin: 0 auto;
}

.header-info{
    display: flex;
}

 .img-container img{
    object-fit: contain;
    width: 500px
}

.homepage-nav ul {
    color:#D9DEFE;
    list-style-image: none;
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    font-size: .79rem;
    
}

.homepage-nav a{
    text-decoration: none;
    color:#D9DEFE
}

.homepage-nav a:hover{
    color:tomato;
}

.homepage-nav ul li{
    padding: 6px 6px 4px 6px;
    /*border-top: 1px solid #D9DEFE;
    border-right: 1px solid #D9DEFE;
    border-left: 1px solid #D9DEFE;
    border-bottom: 1px solid #D9DEFE; */
}
.main{
    background: #ffffff;
}

@media (max-width:800px){
    .row{
        flex-direction: column;
    }
}
    
.row {
    font-family: 'coco_gothiclight';
    font-size: 1.5rem;
    list-style-image: none;
    list-style-type: none;
    display:flex;
    flex: wrap;
    justify-content: center;
    align-content: space-between;
  /*  column-count: 2;
    column-fill:balance; 
    dosplay:flex;
    align-items: space-between; 
    margin: 30px, 30px, 30px, 30px; */
}

.row li{
    padding-top: 20px;
    margin-right: 20px;
}

.row1 img{
    padding-bottom: 0px;
    verticle-align: middle;
}


.row a {
    color:#414141;
    text-decoration: none;
}

.row a:hover {
    color:tomato;
}

ul a{
    font-family: 'coco_gothiclight';
    font-size: 1.5rem;
    list-style-image: none;
    list-style-type: none;
    text-decoration: none;
    color:#D9DEFE
}

ul a:hover {
    color:tomato;
}

  @font-face {
           font-family: 'coco_gothiclight';
           src: url("../images/cocogothic-light_trial-webfont.woff2") format('woff2'),
          url("../images/cocogothic-light_trial-webfont.woff") format('woff');
           font-weight: normal;
           font-style: normal;

}

        @font-face {
            font-family: 'bastradregular';
            src: url("images/bastrad-regular-webfont.woff2") format('woff2'),
                url("../images/bastrad-regular-webfont.woff") format('woff');
            font-weight: normal;
            font-style: normal;
        }