@import "styles.css";

@font-face {
    font-family: Clarkson;
    src: url('/htmlFP/fonts/ClarksonScript-Regular.otf') format('opentype');
}

@font-face {
    font-family: atwriter;
    src: url('/htmlFP/fonts/atwriter.ttf') format('truetype');
}

.wrap {
    float: right;
    margin: 0 0 20px 20px;
}

.wrap > img {
    width: 25rem;
    height: 25rem;
    margin-right: 30px;
}

p {
    text-align: left;
    font-size: 24px;
    margin-left: 20px;
    font-family: atwriter;
}

blockquote {
    position: absolute;
}

@media (max-width: 768px) {
    .wrap {
        float: none;
        margin: 0 auto 10px;
        text-align: center;
    }
    
    img {
        display: block;
        margin: 10px auto;
    }
    
    p {
        text-align: left;
        font-family: atwriter;
    }
}