Donation styles.js

100% Statements 2/2
100% Branches 0/0
100% Functions 1/1
100% Lines 1/1
Press n or j to go to the next uncovered block, b, p or k for the previous block.

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  
 
61x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import makeStyles from '@material-ui/core/styles/makeStyles'
 
const useStyles = makeStyles((theme) => ({
  infoGrid: {
    [theme.breakpoints.down('md')]: {
      padding: '32px 16px',
    },
    [theme.breakpoints.up('md')]: {
      marginTop: '4vw',
      padding: '0 48px 96px 48px',
    },
  },
 
  infoDescription: {
    color: '#004364',
    fontFamily: 'Work Sans',
    fontWeight: 'bold',
    [theme.breakpoints.down('md')]: {
      fontSize: '20px',
    },
    [theme.breakpoints.up('md')]: {
      fontSize: '24px',
    },
  },
 
  infoSteps: {
    margin: '2.5vw 0',
    [theme.breakpoints.down('md')]: {
      fontSize: '16px',
    },
    [theme.breakpoints.up('md')]: {
      fontSize: '18px',
    },
  },
 
  infoThank: {
    textAlign: 'left',
    color: '#004364',
    padding: '1vw 0',
    [theme.breakpoints.down('md')]: {
      fontSize: '18px',
    },
    [theme.breakpoints.up('md')]: {
      fontSize: '20px',
    },
  },
 
  infoGif: {
    boxShadow: '0 0px 0px 0 rgba(0, 0, 0, 0.2), 0 0px 20px 0 rgba(0, 0, 0, 0.19)',
    marginBottom: '6vw',
    [theme.breakpoints.down('md')]: {
      marginTop: 0,
      width: '80vw',
      height: '75vw',
    },
    [theme.breakpoints.up('md')]: {
      marginTop: '4vw',
      width: '458px',
      height: '466px',
    },
  },
}));
 
export default useStyles