@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,900;1,100;1,300;1,400;1,700&display=swap');

*, html, body {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
}

body section.main {
    margin: 0 auto;
    padding: 0;
}

section.banner {
    
    color: #fff;
    background-image: url('../image/background.png');
    background-blend-mode: lighten;
    background-size: cover;
}

section.banner {
    padding-top: 100px !important;
    padding: 10%;
    padding-bottom: 15%;
    margin-bottom: 50px;
}

section.inner {
    padding: 1% 10% 5% 10%;
}

body, h1,h2,h3{
    font-family: 'Roboto', sans-serif;
}

h1 {
    font-weight: 900;
    font-size: 4em;
    margin-bottom: 0.2em;
}

h2,h3 {
    font-weight: 600;
    margin-bottom: 1em;
}


section.power,section.support {
    padding: 2% 10% 1% 10%;
    background: rgb(21, 29, 52);
}

section.support img{
    max-width: 100px;
    margin-right: 20px;
}

section.power h3{
    margin: 0;
}

.yellow {
    color: rgb(235,195,65);
}

svg {
    max-width: 200px;
}

div.prerelease {
    color: rgb(235,195,65);
}

.banner {
}

.banner div, .inner .left, .inner .right {
    float: left;
    width: 48%;
}

.inner .left {
    padding-right: 2%;
}


.clearit {
    clear: both;
}

.banner .left {
    padding: 1%;
}

.right img{
   width: 100%; 
}

footer {
    padding: 1% 10%;
}

ul {
    margin: 10px 0;
}

ul li {
    padding: 5px 0;
}

p {
    margin: 20px 0;
}

div.example img {
    max-width: 100%;
}

div.exampleQuestion {
    display: none;
}

@media only screen and (max-width: 465px) {
    div.exampleQuestion {
        display: block;
    }
}

@media only screen and (max-width: 600px) {
    div {
        clear: both;
        float: none !important;
    }
    div.left, div.right{
        width: 100% !important;
    }

    section.power {
        padding-top: 40px !important;
    }

    section.support {
        padding-bottom: 40px !important;
    }

    section.banner {
        padding: 6% !important;
        padding-top: 45px !important;
    }

  }