body{margin:0;font-family:Arial,Helvetica,sans-serif}.header{background-color:#000}.header h1{color:#fff;text-align:center}.main-container{display:flex;flex-direction:column;margin-top:35px;margin-left:10%}.main-container .title{font-style:normal;font-weight:400}@media (max-width:480px){.main-container .title{font-size:20px}}.main-container .certificate{width:80%;text-align:center;border:1px solid rgba(0,0,0,.1);border-radius:15px;padding:10px;text-align:left}.main-container .certificate .item-title{font-size:10px;color:rgba(0,0,0,.5);margin-bottom:5px}.main-container .certificate .item-value{font-size:larger;margin-bottom:20px}.main-container .certificate.loading .item-title{background-color:#e8e6e6;width:100px;height:11px;-webkit-animation-name:example;animation-name:example;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:10;animation-iteration-count:10;border-radius:10px}.main-container .certificate.loading .item-value{background-color:#e8e6e6;width:50%;height:12px;-webkit-animation-name:example;animation-name:example;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:20;animation-iteration-count:20;border-radius:10px}@-webkit-keyframes example{0%{background-color:#f9f9f9}25%{background-color:#e2e2e2}50%{background-color:#d0cece}to{background-color:#f9f9f9}}@keyframes example{0%{background-color:#f9f9f9}25%{background-color:#e2e2e2}50%{background-color:#d0cece}to{background-color:#f9f9f9}}.main-container .error{width:80%}.main-container .error .error-msg{color:#d8000c;background-color:#ffbaba;margin:10px 0;padding:10px;border-radius:10px}.main-container .footer{margin-top:20px;margin-bottom:20px;font-size:smaller;width:80%}