@font-face{font-family:ArchivoRegular;src:url(../fonts/Archivo-Regular.ttf) format("truetype");font-style:normal}@font-face{font-family:ArchivoBold;src:url(../fonts/Archivo-Bold.ttf) format("truetype");font-style:normal}body{margin:0;background-color:#fff;font-size:16px;font-family:ArchivoRegular,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100}*,*:before,*:after{box-sizing:border-box}main{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#49008a;width:600px;height:950px;overflow:hidden;color:#fff}#profile-pic{position:absolute;top:76px;width:300px;height:300px;border:3px solid #010033;box-shadow:25px 20px #01cce5,26px 21px 0 3px #00126b;overflow:hidden;background-color:#49008a}#canvas{display:none}#video-div{width:300px;height:300px;border:3px solid #010033;overflow:hidden;margin:20px 0 0 20px}#photo,#video{position:relative;left:50%;top:50%;transform:translate(-50%) translateY(-50%)}#logo{position:absolute;top:7px;left:55px;width:200px}.stripes{width:130%;height:60px;transform:rotate(335deg)}#top{position:absolute;top:100px;background-color:#00e2b6}#mid{position:absolute;top:166px;background-color:#00126b}#bottom{position:absolute;top:232px;background-color:#fb48fe}#attr-div{position:relative;top:100px}label{margin:0 20px;font-size:1.4rem;font-family:ArchivoBold;font-weight:200}input{background-color:#49008a;border:none;font-family:ArchivoBold;font-size:1.5rem;font-weight:700;text-align:left;color:#fff;width:400px;margin:5px 0}input#name{position:relative;top:80px;width:500px;text-align:center;font-family:ArchivoBold;font-weight:900;font-size:2.2rem}hr{position:relative;top:-8px;left:5px;color:#01cce5;width:380px;border:1px solid;margin:0}.rating{width:35px;height:35px;border-radius:20px;background-color:#fb48fe;font-family:inherit;font-size:20px;text-align:center;vertical-align:middle;padding-top:5px;margin-left:30px}#fact-file{position:absolute;top:750px;width:100%;height:200px;background-color:#00126b;font-family:inherit}h2{text-align:center;font-family:ArchivoBold;font-weight:800}textarea{position:relative;top:-10px;left:165px;width:70%;height:65%;background-color:#00126b;border:none;color:#fff;font-family:inherit;font-size:18px;resize:none}footer{display:flex;flex-direction:column;width:600px}#show-image{opacity:0;transition:opacity 1s linear;margin:20px 0;width:600px;font-family:ArchivoBold;font-size:1.4rem;font-weight:800;text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1.3rem;font-weight:500;font-family:inherit;background-color:#49008a;color:#fff;cursor:pointer;transition:border-color .25s;margin:20px}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#start-button{display:none}#convert-button{width:400px;font-family:ArchivoBold;font-weight:800;font-size:1.5rem;padding:20px;margin:20px auto}#qr-code{position:absolute;left:20px;top:45px;background-color:#fff}.qr-input{background-color:#fff;border:1px solid #010033;color:#010033;padding:5px;margin:20px 0 0 20px}@media only screen and (min-width: 650px){body{display:flex;flex-direction:column;align-items:center}}