body {
    display: flex;
    size: cover;
    flex-wrap: wrap;
    margin: 0;
    background-color: black;
    overflow: hidden;
}

h1 {
    margin: 0;
    margin-top: 20vh !important;
    padding-left: 15.7vw;
    font: 12vw Arial, sans-serif;
    letter-spacing: -0.25vw;
    color: white;
    /*    hyphens: auto;*/
}

@keyframes animation {
    from {
        left: 0px;
    }

    to {
        left: 200px;
    }
}

.textarea:focus {
    outline: none !important;
}

.about {
    position: relative;
    box-shadow: 0 0 0 0.8px white;
    width: 85vw;
    height: 9.9vh;
    padding-left: 15vw;
    font: 2vw Arial, sans-serif;
    line-height: 9.9vh;
    cursor: pointer;
    background-color: black;
    color: white;
    z-index: 100;
}

@media (max-width: 1200px) {
    .about {
        font-size: 25px;
    }
}

@media (max-width: 768px) {
    .about {
        font-size: 20px;
    }
}

#content {
    display: none;
    position: absolute;
    width: 85vw;
    height: 100vh;
    padding-left: 15vw;
    right: 0vw;
    top: 9.8vh;
    background-color: black;
    cursor: auto;
    z-index: 100;
}

.about:hover {
    font-style: italic;
}

#arrow {
    transform: rotate(90deg);
    transform-origin: center;
}

p {
    margin: 0;
    font: 2vw Arial, sans-serif;
    line-height: 125%;
    hyphens: auto;
    color: white;
}

@media (max-width: 1200px) {
    p {
        font-size: 25px;
    }
}

@media (max-width: 768px) {
    p {
        font-size: 20px;
    }
}

@media (max-width: 591px) {
    #thoughtsNoBreak {
        display: block;
    }
}

@media (min-width: 591px) {
    #thoughtsNoBreak {
        display: none;
    }
}

@media (max-width: 591px) {
    #thoughtsBreak {
        display: none;
    }
}

@media (min-width: 591px) {
    #thoughtsBreak {
        display: block;
    }
}

#contentp {
    padding-right: 25vw;
}

@media (max-width: 1200px) {
    #contentp {
        padding-right: 10vw;
    }
}

@media (max-width: 768px) {
    #contentp {
        padding-right: 5vw;
    }
}

#combinatorics:hover {
    cursor: pointer;
    font-style: italic !important;
}

#controlledChance:hover {
    cursor: pointer;
    font-style: italic !important;
}

a {
    text-decoration-line: none;
    color: white;
}

#MailTo:hover {
    cursor: pointer;
    font-style: italic !important;
}

#thoughts:hover {
    cursor: pointer;
    font-style: italic !important;
}