head {
    font-family: "경기천년제목 Light", "경기천년제목 Bold";
}

@font-face {
    font-family: '경기천년제목 Bold'; 
    font-style: normal;
    font-weight: 500;
    src: url(D:/예쁜글꼴/경기천년제목_Bold.eot), 
    url(D:/예쁜글꼴/경기천년제목_Bold.woff2) format("woff2"), 
    url(D:/예쁜글꼴/경기천년제목_Bold.woff) format("woff"),
    url(D:/예쁜글꼴/경기천년제목_Bold.ttf) format("truetype");
}

@font-face {
    font-family: '경기천년제목 Light'; 
    font-style: normal;
    font-weight: 400;
    src: url(D:/예쁜글꼴/경기천년제목_Light.eot), 
    url(D:/예쁜글꼴/경기천년제목_Light.woff2) format("woff2"), 
    url(D:/예쁜글꼴/경기천년제목_Light.woff) format("woff"),
    url(D:/예쁜글꼴/경기천년제목_Light.ttf) format("truetype");
}

@font-face {
    font-family: '빙그레 메로나체'; 
    font-style: normal;
    font-weight: 500;
    src: url(D:/예쁜글꼴/BinggraeMelona.eot), 
    url(D:/예쁜글꼴/BinggraeMelona.woff2) format("woff2"), 
    url(D:/예쁜글꼴/BinggraeMelona.woff) format("woff"),
    url(D:/예쁜글꼴/BinggraeMelona.ttf) format("truetype");
}

body {
    font-family: "경기천년제목 Light", "경기천년제목 Bold";
}

article {
    display: flex;
    flex-direction: column;
}

.question {
    display: none;
}

.result {
    display: none;
}

#img {
    width: 400px;
    height: 300px;
    display: block;
    margin: 0 auto;   
}

.share {
    margin: 0 auto;
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active, 
.btn-primary:active:focus:not(:disabled):not(.disabled),
.btn:focus, .btn:active, .btn:hover{
    box-shadow: none!important;
    outline: 0;
}