modal1.css

    .modal-window{
    position:fixed;
    background-color:rgba(255,255,255,0.25);
    top:0;
    right:0;
    bottom:0;
    left:0;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    transition:all 0.3s
}
    .modal-window:target{
        visibility:visible;
        opacity:1;
        pointer-events:auto
    }
    .modal-window>div{
        width:400px;
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%, -50%);
        padding:2em;
        background:white
    }
    .modal-window header{
        font-weight:bold
    }
    .modal-window h1{
        font-size:150%;
        margin:0 0 15px
    }
    .modal-close{
        color:#aaa;
        line-height:50px;
        font-size:80%;
        position:absolute;
        right:0;
        text-align:center;
        top:0;
        width:70px;
        text-decoration:none
    }
    .modal-close:hover{
        color:black
    }
    html,body{
        height:100%
    }
    html{
        font-size:18px;
        line-height:1.4
    }
    body{
        font-weight:600;
        background-image:linear-gradient(to right, #7f53ac 0, #657ced 100%);
        color:black
    }
    a{
        color:inherit
    }
    .container{
        display:grid;
        justify-content:center;
        align-items:center;
        height:100vh
    }
    .modal-window>div{
        border-radius:1rem
    }
    .modal-window div:not(:last-of-type){
        margin-bottom:15px
    }
    small{
        color:lightgray
    }
    .btn{
        background-color:white;
        padding:1em 1.5em;
        border-radius:1rem;
        text-decoration:none
    }
    .btn i{
        padding-right:0.3em
    }
/*# sourceMappingURL=modal1.css.map */