@import url('https://fonts.googleapis.com/css2?family=Orbitron&display=swap');
*{
    font-family:'Orbitron';
    z-index: 2;
}
#socials{
    position: relative;
}
.Title{
    color:#707070;
    margin:auto;
    text-align:center;
    font-size:30px
}
h1{
    position: relative;
    font-family: 'Orbitron';
    color:#707070;
    color: #FFFF00;
    text-align: center;
    text-shadow: 0 0 5px #FFFF00, 0 0 10px #FFFF00, 0 0 15px #0073e6, 0 0 20px #0073e6, 0 0 25px #0073e6, 0 0 30px #0073e6, 0 0 35px #0073e6;

}
h2{
    position: relative;
    font-family: 'Orbitron';
    color:#707070;
    color: #FFFF00;
    /*text-shadow: 0 0 5px #FFFF00, 0 0 10px #FFFF00, 0 0 15px #0073e6, 0 0 20px #0073e6, 0 0 25px #0073e6, 0 0 30px #0073e6, 0 0 35px #0073e6;
 */ } 
body{
    background-color:black;
    overflow-x:hidden;
}

#socialmedia{
    position: relative;
    display: inline-flex;
}
#socialmedia img{
    padding: 20px;
}
ul{
    list-style-type:none;
    margin:0;
    padding:0;
    overflow:hidden;
    background-color:#454545;
    font-size:40px;
    position:relative;
    width:fit-content;
    border-color:#000;
    border-radius:20px;
    border:solid;
    
}
#nav-placeholder{
    display: flex;
    justify-content: center;
    z-index: 1;
   
}
li{
    float: left;
}
#navbarelement{
    padding: 10px;
    display: block;
    background-color: #454545;
    transition: 0.4s;
}
li #navbarelement{
    text-decoration:none;
    color: #fff;
    text-align: center;
    /*animation: glow 1s ease-in-out infinite alternate;*/
}

@keyframes glow {
  from {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #0073e6, 0 0 20px #0073e6, 0 0 25px #0073e6, 0 0 30px #0073e6, 0 0 35px #0073e6;
  }
  to {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #0073e6, 0 0 40px #0073e6, 0 0 50px #0073e6, 0 0 60px #0073e6, 0 0 70px #0073e6;
  }
}

li #navbarelement:hover{
    font-size: 1.5em;
    background-color:#242424;
    transition: 0.4s;
}

    
canvas {

    position: absolute;
    top:0;
    left:0;
    z-index:1;
}