body{
      background-image: url("images/sea0storm.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: fixed;
      background-position: center;
    }
    #intro{
        color: #a3d9d4;
        text-align: center;
        font-family: Courier, Times;
        z-index: 2;
    }
    .container-wrap{
        position: relative;
        padding: 10px;
        background-color: rgba(10, 33, 43, .5);
        color: #a3d9d4;
        border-radius: 10px;
        margin-bottom: 20px;
    }
    .overlay-text1{
      background-color: rgba(38, 89, 76, .4);
      padding: 5 5px;
      border-radius: 5px;
    }
    .m-text{
        background-color: rgba(38, 89, 76, .4);
        color: #9fc7c4;
        font-family: times;
        border-radius: 10px;
    }
    .container-lists{
        position: relative;
        padding: 10px;
        background-color: rgba(10, 33, 43, .5);
        color: #a3d9d4;
        border-radius: 10px;
    }
    .to-do{
        background-color: rgba(38, 89, 76, .4);
        color: #9fc7c4;
        font-family: times;
        border: 5px solid #275c56;
        border-radius: 10px;
        margin-bottom: 20px;
    }
    .links{
        background-color: rgba(38, 89, 76, .4);
        color: #9fc7c4;
        font-family: times;
        border: 5px solid #275c56;
        border-radius: 10px;
    }
    h2{
        color: #9dccc8;
        font-family: Monospace;
    }
    ul{
        color:#9fc7c4;
        font-family:times;
    }
    a:-webkit-any-link{
       color: #9cf0d5 !important;
       text-decoration:none !important;
    }
    a:visited{
       color:blue;
    }
    a:hover{
       color:yellow;
    }