:root{--color-bg: #1F2027;--color-main: #3297B2;--color-text: #EEEAE3;--color-accent: #C6455F}html,body{width:100%;height:100%;margin:0;padding:0;background-color:var(--color-bg);color:var(--color-text);font-family:sunflower,sans-serif}@font-face{font-family:sunflower;src:url(/fonts/font.otf) format(otf);font-weight:400;font-style:normal}#header{position:sticky;top:0;width:100%;height:75px;background-color:var(--color-main);z-index:3;display:flex;justify-content:space-between;align-items:center;font-weight:700}#links{display:flex;background-color:#00000080;margin-right:10px;border-radius:10px}.link{padding:10px;display:flex;align-items:center}.link img{object-fit:contain;width:50px;height:50px}#welcome{width:100%;margin-left:auto;margin-right:auto;display:flex;font-weight:1000;height:70vh;justify-content:center;align-items:center;position:fixed;left:50%;transform:translate(-50%);z-index:1;text-align:center;background-image:url(../../art/bg.webp);background-repeat:no-repeat;background-size:cover;background-position:center}#welcomeText{max-width:100%;position:relative;display:inline-block;font-size:300%;padding:20px 40px;color:#fff;font-weight:700;text-align:center;background-color:transparent;background-color:#0006;transform:translateY(-50vh);opacity:0;animation:slideDown 1s forwards}#welcomeText:after{content:"";position:absolute;width:25px;height:25px;border:4px solid var(--color-text)}#welcomeText:before{content:"";position:absolute;bottom:0;left:0;width:25px;height:25px;border-left:4px solid var(--color-text);border-bottom:4px solid var(--color-text)}#welcomeText:after{top:0;right:0;border-bottom:none;border-left:none}#graphicsList{position:relative;margin:0 auto;margin-top:70vh;z-index:2;width:100%;padding:20px 25px;box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;background-color:var(--color-bg)}.graphics{width:100%}.graphics>img{border-radius:10px;width:100%}@media(max-width:1120px){#graphicsList{grid-template-columns:repeat(2,1fr);gap:20px;padding:20px;margin-top:50vh}#welcome{height:50vh}#welcomeText{font-size:250%}}@media(max-width:600px){#graphicsList{grid-template-columns:repeat(1,1fr);gap:20px;padding:20px;margin-top:35vh}#welcome{height:35vh}#welcomeText{font-size:200%}.link{transform:scale(.8);padding:0}}@keyframes slideDown{0%{transform:translateY(-50vh);opacity:0}to{transform:translateY(0);opacity:1}}a{text-decoration:none;color:var(--color-text);margin:0;padding:0}a:hover{color:#fff}:root{--color-bg: #1F2027;--color-main: #3297B2;--color-text: #EEEAE3;--color-accent: #C6455F;--color-second: #E7A440}@font-face{font-family:font;src:url(/fonts/font.otf) format(otf);font-weight:400;font-style:normal}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%}#main{max-width:1000px;margin-left:auto;margin-right:auto;margin-top:50px;font-size:175%;display:flex;align-items:center;flex-direction:column;font-weight:550;font-family:font}#text{display:flex;width:100%;border-top-left-radius:10px;border-bottom-left-radius:10px;padding:30px;justify-content:center}#second{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;border-top-right-radius:10px;border-bottom-right-radius:10px;padding:50px 30px 30px}#programsList,#myLinks{display:flex;flex-wrap:wrap;flex-direction:row;padding-top:20px;justify-content:space-evenly;row-gap:20px;padding-bottom:50px}.listItem{border-right:2px solid var(--color-accent);border-left:2px solid var(--color-accent);display:flex;flex-direction:row-reverse;align-items:center;margin-left:10px;margin-right:10px;padding-left:10px;padding-right:10px}