@font-face{font-family:'Nyght Serif';src:url("fonts/NyghtSerif-Regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Nyght Serif';src:url("fonts/NyghtSerif-RegularItalic.otf") format("opentype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Bebas Neue Cyrillic';src:url("fonts/bebasneuecyrillic.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Avenir LT';src:url("fonts/Avenir-Roman.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Avenir LT';src:url("fonts/Avenir-Oblique.ttf") format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Avenir LT';src:url("fonts/Avenir-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}

:root{
--indigo:#133EBC;
--night:#04123A;
--cloud:#F0EEEB;
--seafoam:#E3EDE0;
--deep-sea:#244048;
--golden-hour:#DA920F;
--lipstick:#EE0016;
--paper:#FFFFFF;
--night-a12:rgba(4,18,58,.12);
--night-a60:rgba(4,18,58,.60);
--cloud-a65:rgba(240,238,235,.65);

--surface-page:var(--cloud);
--text-body:var(--night);
--text-link:var(--indigo);
--text-link-hover:var(--night);

--font-serif-display:'Nyght Serif',Georgia,'Times New Roman',serif;
--font-accent:'Bebas Neue Cyrillic',Impact,'Haettenschweiler',sans-serif;
--font-body:'Avenir LT','Avenir Next',Avenir,'Segoe UI',sans-serif;
--size-body:16px;
--lh-body:1.6;

--ease-standard:cubic-bezier(.2,.6,.2,1);
--duration-base:200ms;
--transition-color:color var(--duration-base) var(--ease-standard),background-color var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard);
}

*{box-sizing:border-box}
body{margin:0;background:var(--surface-page);color:var(--text-body);font-family:var(--font-body);font-size:var(--size-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased}
html,body{margin:0;padding:0;background:#F0EEEB}
a{color:#133EBC;text-decoration:none;transition:var(--transition-color)}
a:hover{color:#04123A}

.card-link-dark:hover{background:#04123A}
.list-link-light:hover{background:#F0EEEB}
