:root {
    --greenyellow: #adff2f;
    --whitesmoke: #f5f5f5;
  }
  


@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
body{background-color: black;
font-family: 'Raleway','Arial';
}


.container{
    display: flex;
    margin: auto;
    font-size: large;
    color: var(--greenyellow);
    max-width: 70%;
    padding: 1.5rem   ;
    border: 2px dotted var(--whitesmoke);
    flex-direction: column;
}
.edit{
    display: block;
    margin: auto;
    padding:6px;
}
h1{
    color: greenyellow;
    display: flex;
    justify-content: center;
}
.input-edit{
    background-color:var(--whitesmoke) ;
    padding: 5px;
    font-weight:bold;
}
#btn{
    background-color: var(--whitesmoke);
    padding: 5px;
    font-weight:bold;
    cursor: pointer;
    
}


#lucky-para{
    text-align: center;
}


footer{
    bottom: 0;
    position:fixed;
    text-align: center;
    width: 100%;
    background-color: var(--greenyellow);
    border-radius: 20px 20px 0 0;
}

#footer-list{
    list-style-type: none;
    display: flex;
    justify-content: center;
    padding: 1.2rem;
}

a {
    color:black;
    text-decoration: none;
    padding:5px;
}

a:hover{
    color:var(--whitesmoke);
}


footer h2 {
    color: black;
}