@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400&display=swap";*{box-sizing:border-box;padding:0;margin:0}body,html{font-family:Montserrat,sans-serif,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue;color:#fefefe;background-color:#438ce3}.app-container{width:100vw;height:100vh;display:flex;flex-direction:column}.secret{width:150px;height:40px;margin:auto}.id-card path{stroke:rgba(229,65,103,.176)}.card-container{width:100%;height:100%;background-color:#438ce3;display:flex;flex-direction:column}.card-container .card-header{margin:8px auto;font-size:16px;font-weight:700}.card-container .card-image-container{width:75%;height:325px;margin:0 auto;background-size:cover;background-repeat:no-repeat;position:relative}.card-container .card-image-container .icon-rounded-background-right{position:absolute;display:block;bottom:-25px;right:-25px;width:60px;height:60px;box-sizing:border-box}.card-container .card-image-container .icon-elements-container{position:relative;width:100%;height:100%;display:grid;grid-template-rows:1fr}.card-container .card-image-container .icon-elements-container .inner-circle{z-index:10;background-color:#fefefe;border-radius:50vmin;animation:CheckmarkAnimation 1.45s cubic-bezier(.165,.84,.44,1) infinite}.card-container .card-image-container .icon-elements-container .inner-circle .checkmark-left{position:absolute;width:10px;height:1px;bottom:39%;left:27%;background-color:#000;border-radius:2px;transform:rotate(45deg) scale(1.2)}.card-container .card-image-container .icon-elements-container .inner-circle .checkmark-right{position:absolute;width:20px;height:1px;bottom:46%;left:37%;background-color:#000;border-radius:2px;transform:rotate(-45deg) scale(1.2)}.card-container .card-image-container .icon-elements-container .outer-circle{position:absolute;z-index:5;border-radius:50vmin;background-color:#dae669;animation:pulse-ring 1.45s cubic-bezier(.075,.82,.165,1) .75s infinite;width:60px;height:60px}.card-container .card-image-container .icon-elements-container .mid-circle{width:100%;height:100%;background-color:rgba(255,255,0,0);position:absolute}.card-container .icon-rounded-background-left{border-radius:50vmin;background-color:#fefefe;position:absolute;bottom:-25px;left:-25px;width:60px;height:60px}.card-container .icon-rounded-background-left .icon-elements-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:flex-start;padding:17px 10px}.card-container .icon-rounded-background-left .icon-elements-container .qr-1,.card-container .icon-rounded-background-left .icon-elements-container .qr-2{height:100%;width:2.75px;background-color:#000;border-radius:4px;opacity:1;margin-right:1px}.card-container .icon-rounded-background-left .icon-elements-container .qr-3{height:100%;width:4.5px;background-color:#000;border-radius:4px;opacity:.95;margin-right:1%}.card-container .icon-rounded-background-left .icon-elements-container .qr-4{height:100%;width:2.5px;background-color:#000;border-radius:4px;opacity:.95}.card-container .icon-rounded-background-left .icon-elements-container .qr-5{height:100%;width:2.5px;background-color:transparent;border-radius:4px;opacity:.95;margin-right:2px}.card-container .icon-rounded-background-left .icon-elements-container .qr-6{height:100%;width:4px;background-color:#000;border-radius:4px;opacity:.95;margin-right:1.5px}.card-container .icon-rounded-background-left .icon-elements-container .qr-7,.card-container .icon-rounded-background-left .icon-elements-container .qr-8{height:100%;width:3px;background-color:#000;border-radius:4px;opacity:.95;margin-right:2px}.card-container .icon-rounded-background-left .icon-elements-container .qr-9{height:100%;width:3.5px;background-color:#000;border-radius:4px;opacity:.95;margin-right:3px}.card-container .icon-rounded-background-left .icon-elements-container .qr-10{height:100%;width:3.5px;background-color:#000;border-radius:4px;opacity:.95;margin-right:2px}.card-info-container{width:87%;padding-top:45px;margin:0 auto;font-weight:300;line-height:1.1}.card-info-container .card-info-name{display:block;font-size:26px}.card-info-container .card-info-general{font-size:20px;display:block;white-space:nowrap}.card-info-container .university-container{display:flex;justify-content:space-between;margin:20px 0 30px}.card-info-container .university-container .card-info-logo-container{display:flex;justify-content:flex-end;gap:10px;padding-right:10px}@keyframes CheckmarkAnimation{0%{transform:scale(.75)}50%{transform:scale(1)}to{transform:scale(.8)}}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.3);opacity:0}}.navbar-container{width:100%;height:70px;background-color:#fefefe;display:flex;justify-content:space-between;padding:15px 10px 22px;overflow:hidden}.navbar-container svg,.navbar-container svg path{stroke-width:1%}.navbar-extension{background-color:#fefefe;height:15px}.qr-container{padding:75px 45px 0;width:100%;height:100%;display:flex;flex-direction:column}.qr-container .qr-outer{border:2px solid #fff;border-radius:20px;width:100%;height:-moz-fit-content;height:fit-content;padding:10px}.qr-container .qr-code{border-radius:5px;width:100%;height:auto;display:block}.qr-container .qr-year{font-size:57px;font-weight:700;margin:40px auto 20px}.qr-container .qr-year-info{font-size:25px;font-weight:300;margin:0 auto}