style.css (1097B)
1 body { 2 width: 100vw; 3 height: 100vh; 4 padding: 0; 5 margin: 0; 6 color: #000; 7 } 8 9 .section { 10 max-width: 1000px; 11 margin: 0 auto; 12 padding-left: 0; 13 padding-right: 0; 14 } 15 16 .site-logo { 17 max-width: 300px; 18 margin-bottom: 30px; 19 margin-left: -15px; 20 } 21 22 .site-header { 23 margin-bottom: 50px; 24 } 25 26 #content { 27 display: flex; 28 flex-direction: column; 29 justify-content: flex-start; 30 align-items: flex-start; 31 } 32 33 #qr-code { 34 padding: 10px; 35 border: 1px solid rgb(200, 200, 200); 36 border-radius: 3px; 37 } 38 39 #button-wrapper { 40 display: flex; 41 margin: 20px 0; 42 } 43 44 #button-wrapper :not(:first-child) { 45 margin-left: 15px; 46 } 47 48 #token, 49 #test-path { 50 font-family: monospace; 51 font-size: 12pt; 52 } 53 54 #details-wrapper { 55 display: flex; 56 flex-direction: column; 57 max-width: 600px; 58 margin-top: 20px; 59 } 60 61 .prompt { 62 display: flex; 63 flex-direction: column; 64 justify-content: center; 65 width: 700px; 66 } 67 68 .detail { 69 margin: 2px 0; 70 display: flex; 71 width: 100%; 72 } 73 74 .detail :first-child { 75 width: 150px; 76 flex: none; 77 font-weight: bold; 78 } 79 80 .detail div { 81 flex: 1; 82 } 83 84 .mb-2 { 85 margin-bottom: 20px; 86 }