.container[data-v-4914ffc3]{width:-moz-fit-content;width:fit-content;margin:1em auto;display:flex;justify-content:flex-start;gap:20px;align-items:center}.student-avatar[data-v-4914ffc3]{border-radius:50%;width:8em;height:8em}.student-info[data-v-4914ffc3]{display:flex;flex-direction:column}.student-info>div[data-v-4914ffc3]{margin-top:1em;display:flex;justify-content:space-between;gap:15px}.warning-button[data-v-b9f7b96e]{color:#fff;background-color:var(--main-color)}.warning-button[data-v-b9f7b96e]:hover{color:#fff;background-color:var(--main-hover-color)}.warning-button[data-v-b9f7b96e]:focus{color:#fff;background-color:var(--main-color)}.title-conainer[data-v-40d98a8a]{display:flex;justify-content:flex-start;margin-bottom:1em}.headline-title[data-v-40d98a8a]{color:var(--primary-color);margin-bottom:0}.back-button[data-v-40d98a8a]{margin:auto .5em auto 0;color:var(--primary-color);background-color:transparent}.back-button[data-v-40d98a8a]:active{color:var(--pressed-primary-color);background-color:transparent}.back-button[data-v-40d98a8a]:focus{color:var(--primary-color);background-color:transparent}.back-button[data-v-40d98a8a]:hover{background-color:transparent}.action-button[data-v-40d98a8a]{margin:0 .5em}.action-container[data-v-40d98a8a]{margin-left:auto}.remove-btn[data-v-40d98a8a]{background-color:var(--main-color)}.remove-btn[data-v-40d98a8a]:hover{background-color:var(--main-hover-color)}.remove-btn[data-v-40d98a8a]:active,.remove-btn[data-v-40d98a8a]:focus{background-color:var(--main-color)}.success-button[data-v-015829fc]{background-color:var(--acent-color)}.success-button[data-v-015829fc]:hover{background-color:var(--hover-accent-color)}.success-button[data-v-015829fc]:focus{background-color:var(--acent-color)}.success-button[data-v-015829fc]:active{background-color:var(--pressed-accent-color)}.card-container[data-v-469c7844]{margin:2em auto;width:60%;padding:2em}.certificate-container[data-v-469c7844]{display:flex;justify-content:flex-start;margin:1em auto}.certificate-message[data-v-469c7844]{margin:1em 3em;display:flex;flex-direction:column}.container-pdf[data-v-469c7844]{background-image:url(../img/background-certificate.6bc92ba7.jpg);background-repeat:no-repeat;background-position:50%;background-size:cover;width:1056px;height:816px;overflow:hidden;padding:0}.main-pdf[data-v-469c7844]{width:1056px;height:816px}.company-name[data-v-469c7844]{margin-top:11em;text-align:center}.company-name>h1[data-v-469c7844]{font-size:48px}.pdf-legend[data-v-469c7844]{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;margin-top:2em;font-weight:300;line-height:30px;font-style:normal;font-size:19px;color:grey}.signs[data-v-469c7844]{margin-top:6em;margin-left:3em;display:flex;flex-direction:column;align-items:center}.container-pdf-preview[data-v-469c7844]{background-image:url(../img/background-certificate.6bc92ba7.jpg);background-repeat:no-repeat;background-position:50%;background-size:cover;width:500px;height:400px;overflow:hidden;padding:0}.preview-pdf[data-v-469c7844]{width:500px;height:400px}.company-name-preview[data-v-469c7844]{margin-top:6em;text-align:center}.company-name-preview>h1[data-v-469c7844]{font-size:48px}.pdf-legend-preview[data-v-469c7844]{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;margin-top:1em;font-weight:100;line-height:15px;font-style:normal;font-size:11px;color:grey;padding:0 2em;max-height:5em}span[data-v-469c7844]{text-decoration:underline;padding:10px;color:#000;inset:10px auto}.signs-preview[data-v-469c7844]{margin-top:3em;margin-left:2em}.signs-item[data-v-469c7844],.signs-preview[data-v-469c7844]{display:flex;flex-direction:column;align-items:center}@media screen and (min-width:1440px){.card-container[data-v-469c7844]{width:65%}.certificate-container[data-v-469c7844]{justify-content:center}}@media screen and (max-width:1200px){.card-container[data-v-469c7844]{width:65%}.certificate-container[data-v-469c7844]{justify-content:center;flex-wrap:wrap}}@media screen and (max-width:900px){.card-container[data-v-469c7844]{width:95%}}@media screen and (max-width:768px){.card-container[data-v-469c7844]{width:90%}}@media screen and (max-width:600px){.card-container[data-v-469c7844]{width:98%}}.container[data-v-7257b9f7]{height:100%}