body,h1,h2,h3,h4,h5,h6 {
    font-family: "raleway", sans-serif;
    color: #5953E2;
}

p {
    font-family: "raleway", sans-serif;
    color: white;
    font-size:140%;
}

body {
    font-family: "raleway", sans-serif;
    color: white;
}

h3 {
    font-size:3vw;
}

body, html {
    height: 100%;
    line-height: 1.8;
}

.vl {
    border-left: 3px solid white;
    height: 30%;/*230px;*/
    position: absolute;
    left: 43%;
    top: 4%;
}

.hl {
    height: 15px;
    border: 0;
    background-color: black;
    box-shadow: inset 0 12px 12px -7px rgb(89, 83, 226);
}

.hl-light {
    height: 2px;
    border: 0;
    background-color: black;
    box-shadow: inset 0 12px 12px -7px rgb(89, 83, 226);
}

.bigtextpos {
    font-size: 3vw;
    position: absolute;
    left: 44%;
    top: 4%;
}

.pawn {
    max-height: 25%;
    width: 100%;
    height: auto;
    max-width: 25%;
    rotate: 30deg;
    position: absolute;
    left:17%;
    top: 12%;
}

.sphere0 {
    width: 25%;
    height: auto;
    max-width: 25%;
    rotate: 30deg;
    position: absolute;
    left:4%;
    top:5%;
}

.sphere1 {
    width: 15%;
    height: auto;
    max-width: 15%;
    rotate: 30deg;
    position: absolute;
    left:80%;
    top:68%;

}

.sphere2 {
    width: 10%;
    height: auto;
    max-width: 10%;
    rotate: -30deg;
    position: absolute;
    left:88%;
    top:3%;
}

.technobox {
    border: 3px solid #5953E2;
    position:absolute;
    border-radius: 30px;
    text-align: center;
    /*width: 30vw;
    height: 30vw;
    left: 40%;*/
}


.logo {
    width: 67%;
    height: auto;
    max-width: 250px;
    }
    
    /* Full height image header */
.bgimg-1 {
    background-position: center;
    background-size: cover;
    background-color: black;
/*      background-image: url("BackgroundWebSiteTransparent.webp");*/
    background-image: url("grid-waves-lu.jpg");
    min-height: 100%;
    /* Parallax effect*/
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bgimg-pawnsBlackBG {
    background-position: center;
    background-size: cover;
    background-color: black;
    background-image: url("pawnsBlackBG.png");
    min-height: 100%;
    /* Parallax effect*/
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bgimg-pawns {
    background-position: center;
    background-size: cover;
    background-color: black;
    background-image: url("LSu_fFiw.jpeg");
    min-height: 100%;
    /* Parallax effect*/
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bgimg-pawnsoflight {
    background-position: center;
    background-size: cover;
    background-color: black;
    background-image: url("circle-movement-glow-blue-5k-xs-1920x1080.jpg");
    min-height: 100%;
    /* Parallax effect*/
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.techimg {
    background-position: center;
    background-size: cover;
    background-color: black;
    background-image: url("techwave.jpg");
    min-height: 100%;
    /* Parallax effect*/
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
    
.w3-bar .w3-button {
    padding: 16px;
    background-color: black;
    color: white;
}

.w3-button:hover {
    border: 2px solid #5953E2;
}
    
.w3-button>w3-button {
    background-color: black;
}
    
.secondSectionImage {
/*	background-image: url("astronaute.jpg"); */
    background-image: url("braintransparent.png");
    background-size: cover;
    background-position: center;
    background-color: black;
    /* Parallax effect*/
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.firstSectionSchoolImage {
/*	background-image: url("astronaute.jpg"); */
    background-image: url("schoolBookBlackBG.png");
    background-size: cover;
    background-position: center;
    background-color: black;
    /* Parallax effect*/
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.firstSectionHealthImage {
/*	background-image: url("astronaute.jpg"); */
    background-image: url("brainBlueBlackBG.png");
    background-size: cover;
    background-position: center;
    background-color: black;
    /* Parallax effect*/
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.firstSectionEnterpriseImage {
    background-image: url("officeBlackBG.png");
    background-size: cover;
    background-position: center;
    background-color: black;
    /* Parallax effect*/
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.thegamedescFirstImage {
    background-image: url("pawnsBlackBG.png");
    background-size: cover;
    background-position: center;
    background-color: black;
    /* Parallax effect*/
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.thegamedescSecondImage {
    background-image: url("manakinbigblack.png");
    background-size: cover;
    background-position: center;
    background-color: black;
    /* Parallax effect*/
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.thirdSectionImage {
    image: url("NEMETRON_001_0002_transparent.png");
    background-position: right;
    background-color: black;
    width: 50%;
    height: auto;
}

.thepsychoImg {
    border: 3px solid #5953E2;
    border-radius: 30px;
    width: auto;
    height: 40vw;
    background-position: center;
    background-size: cover;
    background-color: black;
    background-image: url("circle-movement-glow-blue-5k-xs-1920x1080.jpg");
}

.enterprise {
    width: 45vw;
    height: 40vw;
}

.thegame {
    border: 3px solid #5953E2;
    border-radius: 30px;
    width: 100%%;
    height: 100%;/*40vw;*/
    padding: 4em;
    margin:1%;
    font-size:100%;
}

    
.thegameImg {
    float:left;
/*    border: 3px solid #5953E2;
    border-radius: 30px; */
    width: 45%;
    height: 100%;/*40vw;*/
    background-position: center;
    background-size: cover;
    background-color: black;
    background-image: url("LSu_fFiw.jpeg");
    margin:1%;
    font-size:100%;
}

.thegamedesc {
    border: 3px solid #5953E2;
    border-radius: 30px;
    width: 55vw;
    height: 35vw;
    padding: 2%;
    text-align: justify;
    text-justify: inter-word;
}

.thegamedescright {
    border: 3px solid #5953E2;
    border-radius: 30px;
    width: 55vw;
    height: 35vw;
    position: relative;
    left: 42%;   
    padding: 2%;
    text-align: justify;
    text-justify: inter-word;
}
    
.thegame:after {
    content: "";
    font-size: 2vw;
    color:white; /* #339966;*/
    padding-top: 20%;
    margin:8px;
}
    
.buttonNemeta {
    background-color: #5953E2; /* Green */
    border: none;
    color: black;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1vw;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
}
    
.button1 {
    background-color: Transparent;
    color: white; 
    border: 2px solid #5953E2;
    border-radius: 6px;
}

.button1:hover {
    background-color: #5953E2;
    color: white;
}

.w3-dropdown-content {
    background-color: black;
}
    
.w3-bar-item  {
    background-color: black;
    color: white;
    border-radius: 8px;	
}

.w3-xlarge  {
    background-color: #5953E2;
}