@font-face {
    font-family: autopia;
    src: url('fonts/Autopia-Regular.otf');
}
@font-face {
    font-family: autopia;
    src: url('fonts/Autopia-Bold.otf');
    font-weight:bold;

}
@font-face{
    font-family: autopia;
    src: url('fonts/Autopia-Italic.otf');
    font-style:italic;
}
@font-face {
    font-family: autopia;
    src: url('fonts/Autopia-Bold-Italic.otf');
    font-weight:bold;
    font-style: italic;
}
html{
    font-size:10px;
}
body{
    font-family: autopia;
    
}
h1{
    font-size:2rem;
}

article{
    display:flex;
    padding:2rem;
    gap: 2rem;
}
section {
    flex-basis:50%;
    
    flex-grow: 0;
    flex-shrink: 1; 
}

p{
    margin:0;
    font-size:calc(2rem * 0.9);
    line-height:2rem;
    margin-bottom:2rem;
    text-wrap: balance;
    
}

p.emphase{
    line-height:4rem;
    font-size:calc(4rem * 0.9);
    
}