61 lines
1.0 KiB
CSS
61 lines
1.0 KiB
CSS
/* BACKGROUND ////////////////////////////////////////////////////////*/
|
|
.background-container {
|
|
z-index: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
min-height: 100vh;
|
|
background: linear-gradient(135deg, #ff9500, #ffb347);
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 100vw;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.circle {
|
|
position: absolute;
|
|
border-radius: 50%;
|
|
opacity: 0.8;
|
|
z-index: 1;
|
|
}
|
|
|
|
.circle-1 {
|
|
width: 600px;
|
|
height: 600px;
|
|
background-color: rgba(255, 255, 204, 0.6);
|
|
top: -10%;
|
|
left: -10%;
|
|
}
|
|
|
|
.circle-2 {
|
|
width: 250px;
|
|
height: 250px;
|
|
background-color: rgba(255, 255, 153, 0.829);
|
|
top: 51%;
|
|
left: 10%;
|
|
}
|
|
|
|
.circle-3 {
|
|
width: 280px;
|
|
height: 280px;
|
|
background-color: rgba(255, 255, 204, 0.439);
|
|
top: 17%;
|
|
right: 9%;
|
|
}
|
|
|
|
.circle-4 {
|
|
width: 500px;
|
|
height: 500px;
|
|
background-color: rgb(244, 244, 172);
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.circle-5 {
|
|
width: 240px;
|
|
height: 240px;
|
|
background-color: rgba(240, 240, 41, 0.827);
|
|
top: 2%;
|
|
right: 2%;
|
|
} |