.project-window {
    width: auto;
    min-width: 7em;
    max-width: 750px;
    height: auto;
    margin: 1em;
    padding: 0.7em;
    padding-top: 0.4em;
    background: rgba(0, 0, 0, 0.75);
    text-align: center;
}

h2 {
    margin: 0;
}
h4 {
    margin: 0;
}
h5 {
    margin: 0.4em;
}

.project-window p {
    display: block;
    margin-top: 0;
    font-size: 0.9em;
}

.project-window a {
    color: rgb(190, 190, 190);
}
.project-window a:hover {
    color: #fff;
}

.project-window ul {
    list-style-type:none;
}

.project-entry {
    padding: 0.5rem 0;
    opacity: 0;
    animation: fadein 1s forwards;
}

@keyframes fadein {
    from {opacity: 0;}
    to {opacity: 1;}
}

.project-entry h5 a {
    margin: 0.3rem;
}

@media only screen 
and (max-width: 1000px) {
    .wrapper {
        height: auto;
        flex-direction: column;
    }
    .linewrapper {
        height: auto;
        flex-direction: column;
    }
    .window {
        width: 85%;
    }
    h1 {
        font-size: 1.7em;
    }
}