html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{background-color:#fcfcfc;margin:0}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;flex-direction:column;width:100%;max-width:576px;height:100%;padding:1em;font-family:Avenir,Helvetica,Arial,sans-serif;display:flex;position:absolute;left:50%;transform:translate(-50%)}.persian{font-family:Vazir FD WOL UI,Tahoma}.back-link{color:#fff;background:#8bc34a;border-radius:5px;padding:.1em 1em;font-size:2.5em;line-height:1.2;text-decoration:none}.back-link,.text-center{text-align:center}.comp{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;justify-content:center;font-size:8em}.comp,.home-wrapper{flex-grow:1;align-items:center;display:flex}.home-wrapper{flex-direction:column}.logo{color:#fff;text-align:center;z-index:99;background:#4caf50;border:2px solid #fff;border-radius:100%;width:30px;height:30px;font-size:21px;position:absolute;bottom:10px;right:15px;box-shadow:1px 2px 3px #21212166}.img-wrapper{display:inline-block;position:relative}.img{-o-object-fit:cover;object-fit:cover;border:5px solid #fff;border-radius:100%;width:150px;height:150px;box-shadow:0 0 4px #212121}.nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:90%;margin:2em auto 0;display:flex}.nav .link{color:#fff;text-align:center;border-radius:5px;width:calc(50% - 5px);padding:1em;font-size:1.3em;text-decoration:none}.nav .link:nth-child(4){background:#f39c12}.nav .link:nth-child(2){background:#2980b9}.nav .link:nth-child(3){background:#8e44ad}.nav .link:first-child{background:#c0392b}.copyright{margin:auto 0 0}@media screen and (width<=404px){.nav .link{max-width:138px}}