*{
                box-sizing: border-box;
            }
            
      body{
     background-color: #183167;
     opacity: 1;
     background-image:  radial-gradient(#4588f7 1.25px, transparent 1.25px), radial-gradient(#4588f7 1.25px, #183167 1.25px);
     background-size: 50px 50px;
     background-position: 0 0,25px 25px;
    letter-spacing:1px;
    text-align:justify;
    font-family: 'LibreFranklin', sans-serif;
    margin-top:15%;
    margin-right:0;
      }


            #container {
            max-width: 600px;
            height:auto;
            margin-left:auto;
            margin-right:auto;
            position: relative;
            }
            
            #container a {
            color: #F0F9FF;
            font-weight: bold;
            }

      #flex {
    display: flex;
}

            main {
                background-color: #456185;
                flex: 1;
                padding: 1px 15px;
                border-radius: 25px 0 25px 0;
                
            }
            
            img {
              width:570px;
              margin-left:auto;
            margin-right:auto;
            position: relative;
            }
            
             p {
                color: #EFF6FF;
                font-size: 12px;
              }

            h2,
            h3 {
                color: #001F47;
            }

            h1 {
                color: #B8E6FE;
                text-align: center;
                text-transform: uppercase;
                font-size: 25px;
                background-color: #0E1C40;
                border-radius: 10px 0 10px 0;
            }
            
                        @media only screen and (max-width: 300px) {
                #flex {
                    flex-wrap: wrap;
                }

                aside {
                    width: 100%;
                }
                }