@font-face {
    font-family: 'the_bold_fontbold';
    src: url('../fonts/theboldfont-webfont.eot');
    src: url('../fonts/theboldfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/theboldfont-webfont.woff2') format('woff2'),
         url('../fonts/theboldfont-webfont.woff') format('woff'),
         url('../fonts/theboldfont-webfont.ttf') format('truetype'),
         url('../fonts/theboldfont-webfont.svg#the_bold_fontbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../fonts/fa-solid-900.eot");
  src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg"); }

@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fa-brands-400.eot");
  src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg"); }


.fab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; 
  font-size: 1.2rem;
  margin: 5px;}

.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }

body{
    font-family: Arial, Verdana, "Helvetica Neue";
    font-size: 0.75rem;
    color: #fff;
    background-image: url("../images/background_main.jpg");
    background-size: cover;
    background-attachment: fixed;
    background-position: left top;
}

h1, h2, h3, h4, h5, h6{
 font-family: 'the_bold_fontbold', Arial;   
}

.main_content{
    height: 23rem;
    overflow-x: scroll;
    background-color: rgba(0,0,0,0.47);
    padding: 0.5rem;
    border: rgba(244,248,5,1.00);
    border-radius: 10px;
    border: #FEFF00 thin solid;
    /* margin: 10px; */
    float: right;
}
.animate__animated.animate__flipInX{
    --animate-delay: 2s;
    --animate-duration: 2s;
}
.windowbox{
    display: block;
}
.buttonspace{
    margin: 5px;
}
a{
    color: rgba(238,250,7,1.00);
}
a:visited{
    color: rgba(223,221,221,1.00);
}
a:hover{
    color: rgba(248,50,54,1.00);
}
@media only screen and (max-width: 767px){
 .windowbox{
    display: none;
}   
}