@import url('fonts.css');
:root {
    --borders: hsl(202, 100%, 37%);
    --white: #ffffff;
}
* {
    cursor: url('img/cur.png'), auto;
}
a:hover {
    cursor: pointer !important;
    color: rgb(182, 195, 255) !important;
    transition: all 0.5s;
}
/* width */
::-webkit-scrollbar {
    width: 5px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #000;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: rgb(76, 103, 255);
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: rgb(64, 93, 255);
  }
html {
    scroll-behavior: smooth;    
}
body {
    margin: 0 !important;
    padding: 0 !important;
    background: black;
    overflow-x: hidden;
}
.seltable {
    width: 100%;
    border-top: 1px solid var(--borders);
    border-bottom: 1px solid var(--borders);
}
@media screen and (max-width: 1304px) {
    .seltable td, .titleheader {
      display: block;
    }
  }
.seltable td {
    position: relative;
    top: 0.27vh;
    white-space: nowrap;
    text-align: center;
    font-family: fontheader;
    color: white;
    text-transform: uppercase;
    font-size: 3vh;
}
.seltable a {
    text-decoration: none;
    color: white;
}
.titleheader {
    font-family: sunshine;
    font-size: 14.5vw;
    color: white;
    top: 0;
    height: auto;
    width: 100%;
    background-image: url('img/alec-favale-3cIPFNW3wog-unsplash.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 30%;
    background-position-x: 25%;
    text-align: center;
    overflow: hidden;
    line-height: 94%;
    padding-top: 25%;
}
.bodies * {
    color: white;
}
.bodies {
    border-bottom: 1px solid var(--borders);
}
.bodies .mcontainers {
    padding-bottom: 0.5%;
}
.bodies .mtitles {
    font-family: fonttitle;
    text-transform: uppercase;
    font-size: 3vh;
    background-color: rgba(10, 0, 36, 0.568);

    padding-top: 0.4vh;
    line-height: 94%;
    border-bottom: 1px solid var(--borders);
}
.bodies .mbodies {
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 0.5%;
    font-family: fontbody;
    font-size: large;
}
.subtopic {
    background: rgba(0, 0, 0, 0.192);
    margin: 1%;
    padding: 0.3%
}
.subtopic .subtitle {
    font-family: fontheader;
}
.subtopic .subbody {
    padding-left: 1%;
}
#Introduction {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('img/andrea-de-santis-i2BcaGXomv0-unsplash.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
#History {
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('img/federico-beccari-ahi73ZN5P0Y-unsplash.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 50%;
}
#Careers {
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('img/jan-huber-tkE5nutsKt8-unsplash.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 80%;
}
#Phenomenon {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('img/lamna-the-shark-zaFhaoPFvkk-unsplash.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 80%;
}
#Applications {
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('img/ben-wicks-TgnJGj6yJ9Q-unsplash.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 40%;
}
#Contributions {
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('img/noaa-FWR6Oc5m_is-unsplash.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 40%;
}
.bodies img, .bodies video, .bodies #radiating-charge, .bodies .iframecont, .swf ruffle-embed {
    margin: auto;
    display: block;
    text-align: center;
    max-width: 100%;
}
.iframecont iframe {
    height: 70%;
    width: 80%;
}
.widthblack, .showcase {
    width: 94%;
    background: rgb(0, 0, 0);
    margin-top: 1% !important;
    filter: opacity(0.5);
    border-radius: 15px !important;
    border: 1px solid white;
    padding-left: 3%;
    padding-right: 3%;
    display: block;
    text-align: center;
}
iframe {
    overflow: hidden;
}
.invert {
    filter: invert(100%);
}
.showcase {
    filter: opacity(0.8) !important;
}
.showcase td * {
    width: 100%;
}
.sources {
    font-family: fontbody !important;
}
.sources a {
    color: white !important;
    text-decoration: none !important;
}