/* @link https://utopia.fyi/type/calculator?c=360,18,1.333,1240,26,1.333,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
 @import url("https://use.typekit.net/vrb8vtl.css");

 @font-face {
    font-family: 'savoir-faire-jf';
    src: url('savoir-faire-jf.woff2') format('woff2');
}

:root {
  --step--2: clamp(0.6331rem, 0.518rem + 0.5116vw, 0.9145rem);
  --step--1: clamp(0.844rem, 0.6905rem + 0.682vw, 1.2191rem);
  --step-0: clamp(1.125rem, 0.9205rem + 0.9091vw, 1.625rem);
  --step-1: clamp(1.4996rem, 1.227rem + 1.2118vw, 2.1661rem);
  --step-2: clamp(1.999rem, 1.6355rem + 1.6154vw, 2.8874rem);
  --step-3: clamp(2.6647rem, 2.1802rem + 2.1533vw, 3.849rem);
  --step-4: clamp(3.552rem, 2.9062rem + 2.8703vw, 5.1307rem);
  --step-5: clamp(4.7348rem, 3.8739rem + 3.8261vw, 6.8392rem);
}
body {  
    margin: clamp(1.4996rem, 1.227rem + 1.2118vw, 2.1661rem);
    background-color: #2d3250;
    font-family: "Tangerine", cursive; 
}

p {
    font-size: clamp(1.125rem, 0.9205rem + 0.9091vw, 1.625rem);
    color: white;
}
.intro {
    font-size: clamp(1.4996rem, 1.227rem + 1.2118vw, 2.1661rem);
    font-family: sans-serif;
}

.sonnets{
    border-radius: 16px;
    background-color: #424769;
    padding: clamp(1.4996rem, 1.227rem + 1.2118vw, 2.1661rem);
}

a{
    color: white;
}

a:hover{
    color: #E6BE40;
}


#progressContainer {
    width: 100%;
    height: 8px;
    background-color: white;
    overflow: hidden;
}

#progressBar {
    width: 0%;
    height: 100%;
    background-color: #E6BE40;
}