.header {
        background-image: url(./images/bg\ header.png);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 130px;
        /* padding-left: 10px; */
        /* line-height: 100px;  */
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    
    .img-header {
        position: relative;
        align-items: center;
        margin-top: 15px;
    }
    
    .nav {
        cursor: pointer;
        display: inline-block;
        width: 30px;
        height: 5px;
        background-color: black;
        transition: 0.3s;
        margin-top: 10px;
    }
    
    .rotate #button1 {
        transform: rotate(-45deg), translate(-9px, 6px);
    }
    
    .rotate #button2 {
        opacity: 0;
    }
    
    .rotate #button3 {
        transform: rotate(45deg), translate(-8px, -8px);
    }
    
    * {
        margin: 0px;
        box-sizing: border-box;
    }
    
    body {
        background-image: url(./images/cloud3.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .content {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        margin-top: 25px;
        margin-left: 25%;
    }
    
    .weapon {
        background-color: rgba(0, 0, 0, 0.6);
        width: 80%;
        display: flex;
        flex-direction: row;
        position: relative;
        margin-bottom: 25px;
    }
    
    .weapon img {
        width: 25%;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 10px;
        position: relative;
    }
    
    .txt-wp {
        font-family: 'Times New Roman', Times, serif;
        color: white;
        font-weight: bold;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    
    .info-wp {
        font-size: larger;
        display: flex;
        flex-direction: row;
        position: relative;
        justify-content: space-between;
        margin-bottom: 10px;
    }
    
    .info-wp a {
        color: white;
        text-decoration: none;
    }
    
    #footer {
        background-image: url(./images/moon\ footer.png);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 18%;
        padding-left: 10px;
        line-height: 50px;
        position: relative;
        bottom: 0px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    
    #footer p {
        font-family: 'subspace';
        font-size: 35px;
        color: white;
        text-align: center;
    }
    
    .sosmed {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: max-content;
        height: max-content;
        margin: 15px;
        padding-left: 800px;
    }
    
    #facebook {
        margin-left: 10px;
        margin-right: 5px;
    }
    
    .copyright {
        color: rgb(255, 255, 255);
        font-size: 30px;
    }