43 lines
686 B
CSS
43 lines
686 B
CSS
body {
|
|
margin: 24px;
|
|
background: url("../../src/img/bg.jpg") -874px -1340px;
|
|
/* background-color: #004aa5;*/
|
|
}
|
|
|
|
#border {
|
|
width: 576px;
|
|
height: 576px;
|
|
|
|
border-radius: 0px; /*64px; */
|
|
padding: 64px;
|
|
|
|
/* background: linear-gradient(to bottom right, cyan, darkcyan);*/
|
|
|
|
}
|
|
|
|
#button {
|
|
/* background-color: black;*/
|
|
/* border-radius: 32px;*/
|
|
|
|
padding: 32px;
|
|
|
|
width: 512px;
|
|
height: 512px;
|
|
|
|
--aug-tl: 48px;
|
|
--aug-br: 48px;
|
|
|
|
--aug-border-all: 24px;
|
|
--aug-border-bg: linear-gradient(to bottom right, cyan, darkcyan);
|
|
|
|
--aug-inlay-x: 24px;
|
|
--aug-inlay-y: 24px;
|
|
--aug-inlay-bg: rgba(0, 0, 0, .5);
|
|
}
|
|
|
|
svg {
|
|
width: 512px;
|
|
height: 512px;
|
|
transform: scale(.8) translateX(-24px);
|
|
}
|