@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600&family=El+Messiri:wght@400;600&display=swap');

body { background:#F5F5F5; font-family:'Trebuchet MS',arial,sans-serif; }
a { text-decoration:none;color:#222; }

#container { width:1000px;max-width:100%;margin:25px auto 0;font-size:11px;line-height:1.7;color:#222; }

h1 { font-family:'Cinzel',serif; font-size:2rem; text-align:center; }

.container-college { margin:0 0 50px; }

.header { font-family:'Cinzel',serif; height:40px;padding:10px;background:#F5F5F5;cursor:pointer;display:flex;border-radius:20px; }
.header-line { width:100%; height:20px; border-bottom:1px solid #BBB; text-align:center; }
.header-text { display:inline-block; margin:0; background-color:#F5F5F5; padding:0 10px; font-size:24px; font-weight:600; letter-spacing:3px; text-transform:uppercase; }

.container-characters { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center; text-align:center; padding:0 20px; }
.character { position:relative; width:calc((100% / 4) - 30px); min-width:130px; margin:45px 10px 10px; padding:0 10px 10px 10px; border:1px solid #ddd; box-sizing:border-box; }

.container-icon { position:relative; padding:0 10px; margin-top:-45px; }
.icon { width:80px;height:80px;background:#fff;border:1px solid #ccc;padding:5px;box-shadow:2px 2px 2px 0 rgba(0,0,0,0.1);border-radius:100%; }
.container-icon a { position:relative; }

.principle { letter-spacing:5px;font-size:10px;text-transform:uppercase; }
.pb { display:block;border-top:1px solid #ddd;margin:5px 0 0 0;padding:5px 0 0 0; }

.badge {
  font-family:'Cinzel',serif;
  position:absolute; top:-20px; right:-4px; height:24px; width:24px; line-height:24px; border-radius:50%; border:1px solid #CCC; font-size:10px; font-weight:bold;
  background:#FFF; background:radial-gradient(circle, #FFF 45%, #CCC 100%);
  }

.name { font-family:'El Messiri',sans-serif; min-width:80px; text-align:center; font-size:clamp(15px,4vw,18px); font-weight:bold; margin:2px 0 0; line-height:1; } /*  word-break:break-word; */