@font-face {
    font-family: "OlympicLight";
    src:
    local("Olympic-Light"),
    url("/ve/typ/Olympic-Light.otf") format("opentype");
}
@keyframes fire{
  50%{
    text-shadow:0px -4px 8px #f8f1e3,
  0px 2px 10px #d37a7a60,
  0px 4px 12px #d37a7a60,
  0px -2px 18px #d37a7a60,
  0px -4px 22px #d37a7a60;
  
    }
}
body
{
    background:
    radial-gradient(at 40% 5%, #f8f1e3 10%, #d6ae9750),
    radial-gradient(at 0% 100%, #f8f1e3 5%, #d6ae97),
    radial-gradient(at 100% 70%, #f8f1e3, #d6ae97);
    overflow-x: hidden;
}
h1
{
    font-family: 'OlympicLight', cursive;
    font-size: 9em;
    color: #d37a7a;
}
p
{
    font-family: 'OlympicLight', cursive;
    font-size: 1.5em;
    line-height: 1.4em;
    text-align: left;
    color: #d37a7a;
    hyphens: auto;
    hyphenate-limit-chars: 7 3 4;
}
img
{
    width: 100%;
    height: auto;
}
a:link
{
    text-decoration: none;
    color: inherit;
    animation:fire 0.01s ease infinite;
}
a:visited
{
    background-color: #FFFFFF15;
    color: inherit;
}
a:hover
{
    text-decoration: none;
    color: inherit;
}
#mainbloc
{
    display: flex;
    margin-left: 2em;
    orphans: 3;
    widows: 3;
}
#texte
{
    width: 60%;
}
#infos
{
    margin-top: 2em;
    margin-left: 2em;
}
#thyrse
{
    position: absolute;
    top: 23em;
    left: 35em;
}
.infos
{
    font-family: 'OlympicLight', cursive;
    font-size: 1em;
    line-height: 1.2em;
    color: #d37a7a;
}
@media (max-width: 768px) {
    h1{
    font-size: 4em;
    }
    p {
    font-size: 1em;
    line-height: 1.2em;
    }
    #mainbloc {
    margin-left: 1em;
    
    }
    #infos {
    margin-left: 1em;
    }
    #texte {
    width: 80%;
    }
    img {
    width: 200%;
    height: 200%;
    }
    #thyrse {
    position: absolute;
    top: 14em;
    left: 5em;
    overflow: hidden;
    }