Spaces:
Runtime error
Runtime error
File size: 1,968 Bytes
4c62254 09a166a 4c62254 1c42259 4c62254 09a166a 4c62254 09a166a 4c62254 09a166a 4c62254 09a166a 4c62254 0b90794 c8b5dce 4c62254 0b90794 4c62254 c8b5dce 09a166a 4c62254 0b90794 4c62254 09a166a f9f6898 09a166a 4c62254 09a166a 4c62254 09a166a c8b5dce 09a166a 4c62254 09a166a 5320d13 4c62254 c8b5dce b39a45e 4c62254 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 |
* {
box-sizing: border-box;
}
body {
font-family: roboto;
color: #3d3d3d;
--mdc-theme-primary: #007f8b;
--mdc-theme-on-primary: #f1f3f4;
margin-left: 0px;
}
.container {
position: relative;
}
#predicted_result{
position: relative;
text-align: left;
padding: 10px;
background-color: #656565;
border-radius: 12.5px;
min-width:calc(10px + 1em);
max-width:100%;
font-weight: bold;
color:#DFDFDF
}
.wrapper_result{
position: relative;
text-align: left;
padding: 10px;
background-color: #F3F3F3;
box-shadow: 0px 4px 20px 4px rgba(0, 0, 0, 0.25);
margin: 10px;
margin-bottom: 20px;
border-radius: 15px;
}
#text{
text-align: center;
padding: 10px;
background-color:#d9d9d9;
margin: none;
margin-top: 0px;
border-radius: 12.25px;
resize: none;
display:block; position:relative;
width:100%;
border: none;
font-size:15px;
}
.wrapper_text{
position: relative;
text-align: left;
padding: 10px;
background-color: #F3F3F3;
box-shadow: 0px 4px 20px 4px rgba(0, 0, 0, 0.25);
margin: 10px;
margin-top: none;
border-radius: 15px;
overflow-y: hidden;
}
.canvas_wrapper{
position: relative;
text-align: left;
height:290px;
background-color: #F3F3F3;
box-shadow: 0px 4px 20px 4px rgba(0, 0, 0, 0.38);
margin:10px;
margin-bottom: 20px;
border-radius: 15px;
overflow: hidden;
}
#output_canvas{
display:block; position:absolute;
left:0px;
width:100%
}
#text-to-speech{
margin-top: 5px;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 12.25px;
width:100%;
background-color: #374e60;
font-size: large;
border: none;
color:#d3d3d3
}
#webcamButton{
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding:10px;
border:none;
border-radius: 12.25px;
background-color: #f2f2f2;
box-shadow: 0px 4px 20px 4px rgba(0, 0, 0, 0.38);
} |