40 lines
906 B
JavaScript
40 lines
906 B
JavaScript
const styles = () => ({
|
|
rootBig: {
|
|
backgroundImage: 'url(https://aacorporatesitedevelop.azurewebsites.net/img/photos/connect.jpg)',
|
|
width: '100%',
|
|
height: '100vh'
|
|
},
|
|
rootMedium: {
|
|
backgroundImage: 'url(https://aacorporatesitedevelop.azurewebsites.net/img/photos/connect.jpg)',
|
|
width: '100%',
|
|
height: '50vh'
|
|
},
|
|
rootSmall: {
|
|
backgroundImage: 'url(https://aacorporatesitedevelop.azurewebsites.net/img/photos/connect.jpg)',
|
|
width: '100%',
|
|
height: '220px'
|
|
},
|
|
captions: {
|
|
position: 'relative',
|
|
top: '50%',
|
|
transform: 'translateY(-50%)'
|
|
},
|
|
title: {
|
|
fontFamily: 'Saira',
|
|
color: 'white',
|
|
fontSize: '64px',
|
|
lineHeight: '78px',
|
|
fontWeight: 100
|
|
},
|
|
text: {
|
|
fontFamily: 'Saira',
|
|
color: 'white',
|
|
fontSize: '20px',
|
|
lineHeight: '30px',
|
|
fontWeight: 600,
|
|
padding: '20px 0 0.5em 0'
|
|
}
|
|
})
|
|
|
|
export default styles
|