@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400);
    body {
        font: normal normal 13px/16px "Open Sans", sans-serif;
        background: #dfdfdf;
    }

    .world{
        display: inline-flex;
        justify-content: center;
        align-items: flex-start;
    }


    .toDoList{
        padding: 20px;
        width: 300px;
        margin: 0 auto;
        margin-top: 40px;
        background: white;
        border-radius: 5px;
        margin-right: 40px;

    }
    .rotate{
        animation: rotar;
        animation-name: rotar;
        animation-duration: 0.7s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-delay: 0.3s;
    }

    @keyframes rotar {
        0%   {transform: rotate(0deg);}
        100%  {transform: rotate(20deg);}
    }


    form {
        display: inline-block;
    }

    input{
        padding: 4px 15px 4px 5px;
    }

    .boton, #add{
        display: inline-block;
        background-color:#fc999b;
        color:#ffffff;
        border-radius: 5px;
        text-align:center;
        margin-top:2px;
        padding: 5px 15px;
    } 

    .botonModal{
        display: inline-block;
        margin-top:10px;
        padding-top: 5px;  
        font-size: 23px;
        cursor: pointer;
    }

    .tarea{
        background-color: #fc999b;
        border-radius: 5px;
        padding: 2px 15px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .boton:hover{
        cursor: pointer;
        opacity: .8;}

        ol { padding-inline-start: 0px;}

        ol li:nth-child(even){background: #dfdfdf;}

        .strike{text-decoration: line-through;}

        li:hover{
            cursor: pointer;
        }

        textarea{
            background:transparent;
            border: groove 3px black;
            max-width:98%;
            width: 98%;
            height:80px;
        }

        .modal {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: white;
            padding: 20px;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
            z-index: 9999;
            display: none;
        }

        #overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 9998;
            display: none;
        }

        @keyframes popUpAnimation {
          0% {
            opacity: 0;
            transform: scale(0.5);
          }
          100% {
            opacity: 1;
            transform: scale(1);
          }
        }

.pop-up {
  animation: popUpAnimation 0.5s ease-in-out;
}

select {
      height: auto;
      max-height: none;
      width: 100%;
    }