* {
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    max-width:100vw;
}

body {
    background-color:#161616
}

html {
    scroll-behavior: smooth;
}

div#banner {
    background: url("pic/bg.jpg");
    position:fixed;
    height:900px;
    position:relative;
    bottom:20px;
    margin:0px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center top;
    background-attachment:fixed;
    text-align:center;
    z-index: 2;
    
}

div#infos {
    color:black;
    z-index:2;
    height:200px;
    position:relative;
    bottom:36px;
    text-align:center;
    font-size:0;

}

body {
    margin:0px;
    padding:0px;
    color:white;
}

p#tspace {
    height:150px;
}

h2#head {
    font-size: 45px;
}

#dlbtn {
    color:white;
    font-size: 25px;
    text-decoration:none;
    border: 2px #8022DD solid;
    border-radius:7px;
    padding: 20px 30px;
    background-color: #8022DD;
    box-sizing:border-box;
    font-weight:bolder;
    transition:all 550ms ease;
    margin-top:60px;
}

p#height {
    line-height:45px;
}

#dlbtn:hover {
    background-color: #8022DD;
    transition:all 550ms ease;
    box-shadow: 0 0 15px var(--clr)
}


div#c1 {
    display:inline-block;
    box-sizing:border-box;
    height:350px;
    width:25%;
    border: #262626 solid 2px;
    background-color: #262626;
    border-radius:25px;
    text-align:center;
    color:white;
    min-width: 300px;
    margin: 0 3.12vw 50px 0vw;
    vertical-align: bottom;
    position:relative;
    margin-right:50px;
    margin-left:50px;
}

div#c2 {
    display:inline-block;
    box-sizing:border-box;
    height:350px;
    width:25%;
    border: #262626 solid 2px;
    background-color: #FAFAFA;
    border-radius:25px;
    text-align:center;
    background-color: #262626;
    color:white;
    min-width: 300px;
    margin: 0 3.12vw 50px 0vw;
    margin-left: 50px;;
    vertical-align: top;
    position:relative;
    margin-right:50px;
}

div#c3 {
    display:inline-block;
    box-sizing:border-box;
    height:350px;
    width:25%;
    border: #262626 solid 2px;
    background-color: #FAFAFA;
    border-radius:25px;
    text-align:center;
    background-color: #262626;
    color:white;
    margin: 0 3.12vw 50px 0vw;
    min-width: 300px;
    margin-left: 50px;;
    vertical-align: top;
    position:relative;
    margin-right:50px;
}

#issue {
    background-color: #333333;
    color:#666666;
    text-decoration:none;
    padding: 20px 30px;
    font-size: 17px;
    border-radius:10px;
    position:absoulte;
    bottom:50px;
}

#c1a a {
    position:absolute;
    bottom:20px;
    left:50%;
    transform: translateX(-50%);
    text-decoration:none;
    color:#666666;
    font-size:15px;
}

#server {
    background-color: #333333;
    color:#666666;
    text-decoration:none;
    padding: 20px 30px;
    font-size: 17px;
    border-radius:10px;
    position:absolute;
    bottom:20px;
    left:50%;
    transform:translateX(-50%)

}

#logo {
    height:200px;
}


.svga {
    height:50px;
    margin-top:20px;
}