mirror of
https://github.com/ivabus/www
synced 2024-11-14 20:35:07 +03:00
media queries for generative art
This commit is contained in:
parent
dc1af7fa6a
commit
6efafb6f03
2 changed files with 701 additions and 125 deletions
|
@ -1,138 +1,714 @@
|
||||||
#gen-art-1{
|
@media only screen and (min-width: 1200px) {
|
||||||
position:absolute;
|
|
||||||
width:15vw;
|
#gen-art-1{
|
||||||
height: 12.5vw;
|
position:absolute;
|
||||||
right: 5.8vw;
|
width:15vw;
|
||||||
top:300px;
|
height: 12.5vw;
|
||||||
z-index: 0;
|
right: 5.8vw;
|
||||||
background-image: url("/Images/gen-art/gen-art-_0002_DALL·E 2022-09-01 09.50.45 - rainbow oil spill on pavement.png.jpg");
|
top:300px;
|
||||||
background-attachment: fixed;
|
z-index: 0;
|
||||||
background-position: center;
|
background-image: url("/Images/gen-art/gen-art-_0002_DALL·E 2022-09-01 09.50.45 - rainbow oil spill on pavement.png.jpg");
|
||||||
background-repeat: repeat;
|
background-attachment: fixed;
|
||||||
background-size: cover;
|
background-position: center;
|
||||||
|
background-repeat: repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-2{
|
||||||
|
position:absolute;
|
||||||
|
width:17vw;
|
||||||
|
height: 10vw;
|
||||||
|
right: 16.3vw;
|
||||||
|
top:33.3vw;
|
||||||
|
z-index: 0;
|
||||||
|
background-image: url("/Images/gen-art/gen-art-_0013_DALL·E 2022-09-01 11.17.52 - macro red world of pastel geometric shapes.png.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: right;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-3{
|
||||||
|
background-image: url("/Images/gen-art/gen-art-_0011_DALL·E 2022-09-01 10.52.27 - neon pink colored subway wall painted in the style of keith haring.png.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: repeat;
|
||||||
|
background-size: cover;
|
||||||
|
position: absolute;
|
||||||
|
margin-top: 12.5vw;
|
||||||
|
right: 16.8vw;
|
||||||
|
width: 29vw;
|
||||||
|
height: 28vw;
|
||||||
|
z-index:1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-4{
|
||||||
|
background-image: url("/Images/gen-art/gen-art-_0012_DALL·E 2022-09-01 11.14.14 - a surrealist dream-like oil painting by Salvador Dalí of a tea cup melting i.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: left;
|
||||||
|
background-repeat: repeat;
|
||||||
|
background-size: contain;
|
||||||
|
position: absolute;
|
||||||
|
margin-top: 9.5vw;
|
||||||
|
right: 8.371vw;
|
||||||
|
width: 12.556vw;
|
||||||
|
height: 12.556vw;
|
||||||
|
z-index:1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-5{
|
||||||
|
position:absolute;
|
||||||
|
width:24.275vw;
|
||||||
|
height: 17.857vw;
|
||||||
|
margin-top: 20vw;
|
||||||
|
right: 8.371vw;
|
||||||
|
z-index: 0;
|
||||||
|
background-image: url("/Images/gen-art/glass-triangles.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: right;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-6{
|
||||||
|
position:absolute;
|
||||||
|
width: 13.560vw;
|
||||||
|
height: 26.897vw;
|
||||||
|
margin-top: 50vw;
|
||||||
|
right: 37.667vw;
|
||||||
|
z-index: 0;
|
||||||
|
background-image: url("/Images/gen-art/candy-land.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-7{
|
||||||
|
position:absolute;
|
||||||
|
width: 17.504vw;
|
||||||
|
height: 26.897vw;
|
||||||
|
margin-top: 70vw;
|
||||||
|
left: 8.371vw;
|
||||||
|
z-index: 0;
|
||||||
|
background-image: url("/Images/gen-art/gen-art-_0007_DALL·E 2022-09-01 10.00.15 - futuristic billboard of japanese writing in neon lit city.png.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: top;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-8{
|
||||||
|
position:absolute;
|
||||||
|
width: 8.371vw;
|
||||||
|
height: 8.371vw;
|
||||||
|
margin-top: 90vw;
|
||||||
|
left: 20.8vw;
|
||||||
|
z-index: 0;
|
||||||
|
background-image: url("/Images/gen-art/pixel-mouth.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-9{
|
||||||
|
position:absolute;
|
||||||
|
width: 8.371vw;
|
||||||
|
height: 24vw;
|
||||||
|
margin-top: 70vw;
|
||||||
|
right: 8.371vw;;
|
||||||
|
z-index: 0;
|
||||||
|
background-image: url("/Images/gen-art/gen-art-_0010_DALL·E 2022-09-01 10.48.33 - bright blue and green _It’s time we stop robbing Peter to pay Mark and Jeff._.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-10{
|
||||||
|
position:absolute;
|
||||||
|
width: 50vw;
|
||||||
|
height: 25vw;
|
||||||
|
right: 8.371vw;;
|
||||||
|
z-index: 0;
|
||||||
|
background-image: url("/Images/gen-art/colorful-sandal.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#gen-art-2{
|
@media only screen and (min-width: 992px) and (max-width: 1200px) {
|
||||||
position:absolute;
|
|
||||||
width:17vw;
|
#gen-art-1{
|
||||||
height: 10vw;
|
position:absolute;
|
||||||
right: 16.3vw;
|
width:15vw;
|
||||||
top:33.3vw;
|
height: 12.5vw;
|
||||||
z-index: 0;
|
right: 5.8vw;
|
||||||
background-image: url("/Images/gen-art/gen-art-_0013_DALL·E 2022-09-01 11.17.52 - macro red world of pastel geometric shapes.png.jpg");
|
top:300px;
|
||||||
background-attachment: fixed;
|
z-index: 0;
|
||||||
background-position: right;
|
background-image: url("/Images/gen-art/gen-art-_0002_DALL·E 2022-09-01 09.50.45 - rainbow oil spill on pavement.png.jpg");
|
||||||
background-repeat: no-repeat;
|
background-attachment: fixed;
|
||||||
background-size: contain;
|
background-position: center;
|
||||||
|
background-repeat: repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-2{
|
||||||
|
position:absolute;
|
||||||
|
width:17vw;
|
||||||
|
height: 10vw;
|
||||||
|
right: 16.3vw;
|
||||||
|
top:33.3vw;
|
||||||
|
z-index: 0;
|
||||||
|
background-image: url("/Images/gen-art/gen-art-_0013_DALL·E 2022-09-01 11.17.52 - macro red world of pastel geometric shapes.png.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: right;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-3{
|
||||||
|
background-image: url("/Images/gen-art/gen-art-_0011_DALL·E 2022-09-01 10.52.27 - neon pink colored subway wall painted in the style of keith haring.png.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: repeat;
|
||||||
|
background-size: cover;
|
||||||
|
position: absolute;
|
||||||
|
margin-top: 12.5vw;
|
||||||
|
right: 16.8vw;
|
||||||
|
width: 29vw;
|
||||||
|
height: 28vw;
|
||||||
|
z-index:1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-4{
|
||||||
|
background-image: url("/Images/gen-art/gen-art-_0012_DALL·E 2022-09-01 11.14.14 - a surrealist dream-like oil painting by Salvador Dalí of a tea cup melting i.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: left;
|
||||||
|
background-repeat: repeat;
|
||||||
|
background-size: contain;
|
||||||
|
position: absolute;
|
||||||
|
margin-top: 9.5vw;
|
||||||
|
right: 8.371vw;
|
||||||
|
width: 12.556vw;
|
||||||
|
height: 12.556vw;
|
||||||
|
z-index:1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-5{
|
||||||
|
position:absolute;
|
||||||
|
width:24.275vw;
|
||||||
|
height: 17.857vw;
|
||||||
|
margin-top: 20vw;
|
||||||
|
right: 8.371vw;
|
||||||
|
z-index: 0;
|
||||||
|
background-image: url("/Images/gen-art/glass-triangles.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: right;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-6{
|
||||||
|
position:absolute;
|
||||||
|
width: 13.560vw;
|
||||||
|
height: 26.897vw;
|
||||||
|
margin-top: 50vw;
|
||||||
|
right: 37.667vw;
|
||||||
|
z-index: 0;
|
||||||
|
background-image: url("/Images/gen-art/candy-land.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-7{
|
||||||
|
position:absolute;
|
||||||
|
width: 17.504vw;
|
||||||
|
height: 26.897vw;
|
||||||
|
margin-top: 70vw;
|
||||||
|
left: 8.371vw;
|
||||||
|
z-index: 0;
|
||||||
|
background-image: url("/Images/gen-art/gen-art-_0007_DALL·E 2022-09-01 10.00.15 - futuristic billboard of japanese writing in neon lit city.png.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: top;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-8{
|
||||||
|
position:absolute;
|
||||||
|
width: 8.371vw;
|
||||||
|
height: 8.371vw;
|
||||||
|
margin-top: 90vw;
|
||||||
|
left: 20.8vw;
|
||||||
|
z-index: 0;
|
||||||
|
background-image: url("/Images/gen-art/pixel-mouth.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-9{
|
||||||
|
position:absolute;
|
||||||
|
width: 8.371vw;
|
||||||
|
height: 24vw;
|
||||||
|
margin-top: 70vw;
|
||||||
|
right: 8.371vw;;
|
||||||
|
z-index: 0;
|
||||||
|
background-image: url("/Images/gen-art/gen-art-_0010_DALL·E 2022-09-01 10.48.33 - bright blue and green _It’s time we stop robbing Peter to pay Mark and Jeff._.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-10{
|
||||||
|
position:absolute;
|
||||||
|
width: 50vw;
|
||||||
|
height: 25vw;
|
||||||
|
right: 8.371vw;;
|
||||||
|
z-index: 0;
|
||||||
|
background-image: url("/Images/gen-art/colorful-sandal.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#gen-art-3{
|
@media only screen and (min-width: 768px) and (max-width: 992px) {
|
||||||
background-image: url("/Images/gen-art/gen-art-_0011_DALL·E 2022-09-01 10.52.27 - neon pink colored subway wall painted in the style of keith haring.png.jpg");
|
|
||||||
background-attachment: fixed;
|
#gen-art-1{
|
||||||
background-position: center;
|
position:absolute;
|
||||||
background-repeat: repeat;
|
width:15vw;
|
||||||
background-size: cover;
|
height: 12.5vw;
|
||||||
position: absolute;
|
right: 5.8vw;
|
||||||
margin-top: 12.5vw;
|
top:300px;
|
||||||
right: 16.8vw;
|
z-index: 0;
|
||||||
width: 29vw;
|
background-image: url("/Images/gen-art/gen-art-_0002_DALL·E 2022-09-01 09.50.45 - rainbow oil spill on pavement.png.jpg");
|
||||||
height: 28vw;
|
background-attachment: fixed;
|
||||||
z-index:1;
|
background-position: center;
|
||||||
|
background-repeat: repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-2{
|
||||||
|
position:absolute;
|
||||||
|
width:17vw;
|
||||||
|
height: 10vw;
|
||||||
|
right: 16.3vw;
|
||||||
|
top:33.3vw;
|
||||||
|
z-index: 0;
|
||||||
|
background-image: url("/Images/gen-art/gen-art-_0013_DALL·E 2022-09-01 11.17.52 - macro red world of pastel geometric shapes.png.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: right;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-3{
|
||||||
|
background-image: url("/Images/gen-art/gen-art-_0011_DALL·E 2022-09-01 10.52.27 - neon pink colored subway wall painted in the style of keith haring.png.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: repeat;
|
||||||
|
background-size: cover;
|
||||||
|
position: absolute;
|
||||||
|
margin-top: 12.5vw;
|
||||||
|
right: 16.8vw;
|
||||||
|
width: 29vw;
|
||||||
|
height: 28vw;
|
||||||
|
z-index:1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-4{
|
||||||
|
background-image: url("/Images/gen-art/gen-art-_0012_DALL·E 2022-09-01 11.14.14 - a surrealist dream-like oil painting by Salvador Dalí of a tea cup melting i.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: left;
|
||||||
|
background-repeat: repeat;
|
||||||
|
background-size: contain;
|
||||||
|
position: absolute;
|
||||||
|
margin-top: 9.5vw;
|
||||||
|
right: 8.371vw;
|
||||||
|
width: 12.556vw;
|
||||||
|
height: 12.556vw;
|
||||||
|
z-index:1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-5{
|
||||||
|
position:absolute;
|
||||||
|
width:24.275vw;
|
||||||
|
height: 17.857vw;
|
||||||
|
margin-top: 20vw;
|
||||||
|
right: 8.371vw;
|
||||||
|
z-index: 0;
|
||||||
|
background-image: url("/Images/gen-art/glass-triangles.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: right;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-6{
|
||||||
|
position:absolute;
|
||||||
|
width: 13.560vw;
|
||||||
|
height: 26.897vw;
|
||||||
|
margin-top: 50vw;
|
||||||
|
right: 37.667vw;
|
||||||
|
z-index: 0;
|
||||||
|
background-image: url("/Images/gen-art/candy-land.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-7{
|
||||||
|
position:absolute;
|
||||||
|
width: 17.504vw;
|
||||||
|
height: 26.897vw;
|
||||||
|
margin-top: 70vw;
|
||||||
|
left: 8.371vw;
|
||||||
|
z-index: 0;
|
||||||
|
background-image: url("/Images/gen-art/gen-art-_0007_DALL·E 2022-09-01 10.00.15 - futuristic billboard of japanese writing in neon lit city.png.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: top;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-8{
|
||||||
|
position:absolute;
|
||||||
|
width: 8.371vw;
|
||||||
|
height: 8.371vw;
|
||||||
|
margin-top: 90vw;
|
||||||
|
left: 20.8vw;
|
||||||
|
z-index: 0;
|
||||||
|
background-image: url("/Images/gen-art/pixel-mouth.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-9{
|
||||||
|
position:absolute;
|
||||||
|
width: 8.371vw;
|
||||||
|
height: 24vw;
|
||||||
|
margin-top: 70vw;
|
||||||
|
right: 8.371vw;;
|
||||||
|
z-index: 0;
|
||||||
|
background-image: url("/Images/gen-art/gen-art-_0010_DALL·E 2022-09-01 10.48.33 - bright blue and green _It’s time we stop robbing Peter to pay Mark and Jeff._.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-10{
|
||||||
|
position:absolute;
|
||||||
|
width: 50vw;
|
||||||
|
height: 25vw;
|
||||||
|
right: 8.371vw;;
|
||||||
|
z-index: 0;
|
||||||
|
background-image: url("/Images/gen-art/colorful-sandal.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#gen-art-4{
|
@media only screen and (min-width: 576px) and (max-width: 768px){
|
||||||
background-image: url("/Images/gen-art/gen-art-_0012_DALL·E 2022-09-01 11.14.14 - a surrealist dream-like oil painting by Salvador Dalí of a tea cup melting i.jpg");
|
|
||||||
background-attachment: fixed;
|
#gen-art-1{
|
||||||
background-position: left;
|
position:absolute;
|
||||||
background-repeat: repeat;
|
width:15vw;
|
||||||
background-size: contain;
|
height: 12.5vw;
|
||||||
position: absolute;
|
right: 5.8vw;
|
||||||
margin-top: 9.5vw;
|
top:300px;
|
||||||
right: 8.371vw;
|
z-index: 0;
|
||||||
width: 12.556vw;
|
background-image: url("/Images/gen-art/gen-art-_0002_DALL·E 2022-09-01 09.50.45 - rainbow oil spill on pavement.png.jpg");
|
||||||
height: 12.556vw;
|
background-attachment: fixed;
|
||||||
z-index:1;
|
background-position: center;
|
||||||
|
background-repeat: repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-2{
|
||||||
|
position:absolute;
|
||||||
|
width:17vw;
|
||||||
|
height: 10vw;
|
||||||
|
right: 16.3vw;
|
||||||
|
top:33.3vw;
|
||||||
|
z-index: 0;
|
||||||
|
background-image: url("/Images/gen-art/gen-art-_0013_DALL·E 2022-09-01 11.17.52 - macro red world of pastel geometric shapes.png.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: right;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-3{
|
||||||
|
background-image: url("/Images/gen-art/gen-art-_0011_DALL·E 2022-09-01 10.52.27 - neon pink colored subway wall painted in the style of keith haring.png.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: repeat;
|
||||||
|
background-size: cover;
|
||||||
|
position: absolute;
|
||||||
|
margin-top: 12.5vw;
|
||||||
|
right: 16.8vw;
|
||||||
|
width: 29vw;
|
||||||
|
height: 28vw;
|
||||||
|
z-index:1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-4{
|
||||||
|
background-image: url("/Images/gen-art/gen-art-_0012_DALL·E 2022-09-01 11.14.14 - a surrealist dream-like oil painting by Salvador Dalí of a tea cup melting i.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: left;
|
||||||
|
background-repeat: repeat;
|
||||||
|
background-size: contain;
|
||||||
|
position: absolute;
|
||||||
|
margin-top: 9.5vw;
|
||||||
|
right: 8.371vw;
|
||||||
|
width: 12.556vw;
|
||||||
|
height: 12.556vw;
|
||||||
|
z-index:1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-5{
|
||||||
|
position:absolute;
|
||||||
|
width:24.275vw;
|
||||||
|
height: 17.857vw;
|
||||||
|
margin-top: 20vw;
|
||||||
|
right: 8.371vw;
|
||||||
|
z-index: 0;
|
||||||
|
background-image: url("/Images/gen-art/glass-triangles.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: right;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-6{
|
||||||
|
position:absolute;
|
||||||
|
width: 13.560vw;
|
||||||
|
height: 26.897vw;
|
||||||
|
margin-top: 50vw;
|
||||||
|
right: 37.667vw;
|
||||||
|
z-index: 0;
|
||||||
|
background-image: url("/Images/gen-art/candy-land.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-7{
|
||||||
|
position:absolute;
|
||||||
|
width: 17.504vw;
|
||||||
|
height: 26.897vw;
|
||||||
|
margin-top: 70vw;
|
||||||
|
left: 8.371vw;
|
||||||
|
z-index: 0;
|
||||||
|
background-image: url("/Images/gen-art/gen-art-_0007_DALL·E 2022-09-01 10.00.15 - futuristic billboard of japanese writing in neon lit city.png.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: top;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-8{
|
||||||
|
position:absolute;
|
||||||
|
width: 8.371vw;
|
||||||
|
height: 8.371vw;
|
||||||
|
margin-top: 90vw;
|
||||||
|
left: 20.8vw;
|
||||||
|
z-index: 0;
|
||||||
|
background-image: url("/Images/gen-art/pixel-mouth.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-9{
|
||||||
|
position:absolute;
|
||||||
|
width: 8.371vw;
|
||||||
|
height: 24vw;
|
||||||
|
margin-top: 70vw;
|
||||||
|
right: 8.371vw;;
|
||||||
|
z-index: 0;
|
||||||
|
background-image: url("/Images/gen-art/gen-art-_0010_DALL·E 2022-09-01 10.48.33 - bright blue and green _It’s time we stop robbing Peter to pay Mark and Jeff._.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-10{
|
||||||
|
position:absolute;
|
||||||
|
width: 50vw;
|
||||||
|
height: 25vw;
|
||||||
|
right: 8.371vw;;
|
||||||
|
z-index: 0;
|
||||||
|
background-image: url("/Images/gen-art/colorful-sandal.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#gen-art-5{
|
@media only screen and (max-width: 576px) {
|
||||||
position:absolute;
|
|
||||||
width:24.275vw;
|
|
||||||
height: 17.857vw;
|
|
||||||
margin-top: 20vw;
|
|
||||||
right: 8.371vw;
|
|
||||||
z-index: 0;
|
|
||||||
background-image: url("/Images/gen-art/glass-triangles.jpg");
|
|
||||||
background-attachment: fixed;
|
|
||||||
background-position: right;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-size: contain;
|
|
||||||
}
|
|
||||||
|
|
||||||
#gen-art-6{
|
#gen-art-1{
|
||||||
position:absolute;
|
position:absolute;
|
||||||
width: 13.560vw;
|
width:25vw !important;
|
||||||
height: 26.897vw;
|
height: 12.5vw;
|
||||||
margin-top: 50vw;
|
right: 5.8vw;
|
||||||
right: 37.667vw;
|
top:300px;
|
||||||
z-index: 0;
|
z-index: 0;
|
||||||
background-image: url("/Images/gen-art/candy-land.jpg");
|
background-image: url("/Images/gen-art/gen-art-_0002_DALL·E 2022-09-01 09.50.45 - rainbow oil spill on pavement.png.jpg");
|
||||||
background-attachment: fixed;
|
background-attachment: fixed;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
background-repeat: no-repeat;
|
background-repeat: repeat;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
}
|
}
|
||||||
|
|
||||||
#gen-art-7{
|
#gen-art-2{
|
||||||
position:absolute;
|
position:absolute;
|
||||||
width: 17.504vw;
|
width:25vw;
|
||||||
height: 26.897vw;
|
height: 10vw;
|
||||||
margin-top: 70vw;
|
right: 16.3vw;
|
||||||
left: 8.371vw;
|
top:33.3vw;
|
||||||
z-index: 0;
|
z-index: 0;
|
||||||
background-image: url("/Images/gen-art/gen-art-_0007_DALL·E 2022-09-01 10.00.15 - futuristic billboard of japanese writing in neon lit city.png.jpg");
|
background-image: url("/Images/gen-art/gen-art-_0013_DALL·E 2022-09-01 11.17.52 - macro red world of pastel geometric shapes.png.jpg");
|
||||||
background-attachment: fixed;
|
background-attachment: fixed;
|
||||||
background-position: top;
|
background-position: right;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: cover;
|
background-size: contain;
|
||||||
}
|
}
|
||||||
|
|
||||||
#gen-art-8{
|
#gen-art-3{
|
||||||
position:absolute;
|
background-image: url("/Images/gen-art/gen-art-_0011_DALL·E 2022-09-01 10.52.27 - neon pink colored subway wall painted in the style of keith haring.png.jpg");
|
||||||
width: 8.371vw;
|
background-attachment: fixed;
|
||||||
height: 8.371vw;
|
background-position: center;
|
||||||
margin-top: 90vw;
|
background-repeat: repeat;
|
||||||
left: 20.8vw;
|
background-size: cover;
|
||||||
z-index: 0;
|
position: absolute;
|
||||||
background-image: url("/Images/gen-art/pixel-mouth.jpg");
|
margin-top: 12.5vw;
|
||||||
background-attachment: fixed;
|
right: 16.8vw;
|
||||||
background-position: center;
|
width: 29vw;
|
||||||
background-repeat: repeat;
|
height: 28vw;
|
||||||
background-size: cover;
|
z-index:1;
|
||||||
}
|
}
|
||||||
|
|
||||||
#gen-art-9{
|
#gen-art-4{
|
||||||
position:absolute;
|
background-image: url("/Images/gen-art/gen-art-_0012_DALL·E 2022-09-01 11.14.14 - a surrealist dream-like oil painting by Salvador Dalí of a tea cup melting i.jpg");
|
||||||
width: 8.371vw;
|
background-attachment: fixed;
|
||||||
height: 24vw;
|
background-position: left;
|
||||||
margin-top: 70vw;
|
background-repeat: repeat;
|
||||||
right: 8.371vw;;
|
background-size: contain;
|
||||||
z-index: 0;
|
position: absolute;
|
||||||
background-image: url("/Images/gen-art/gen-art-_0010_DALL·E 2022-09-01 10.48.33 - bright blue and green _It’s time we stop robbing Peter to pay Mark and Jeff._.jpg");
|
margin-top: 9.5vw;
|
||||||
background-attachment: fixed;
|
right: 8.371vw;
|
||||||
background-position: center;
|
width: 12.556vw;
|
||||||
background-repeat: repeat;
|
height: 12.556vw;
|
||||||
background-size: cover;
|
z-index:1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#gen-art-5{
|
||||||
|
position:absolute;
|
||||||
|
width:24.275vw;
|
||||||
|
height: 17.857vw;
|
||||||
|
margin-top: 20vw;
|
||||||
|
right: 8.371vw;
|
||||||
|
z-index: 0;
|
||||||
|
background-image: url("/Images/gen-art/glass-triangles.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: right;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-6{
|
||||||
|
position:absolute;
|
||||||
|
width: 13.560vw;
|
||||||
|
height: 26.897vw;
|
||||||
|
margin-top: 50vw;
|
||||||
|
right: 37.667vw;
|
||||||
|
z-index: 0;
|
||||||
|
background-image: url("/Images/gen-art/candy-land.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-7{
|
||||||
|
position:absolute;
|
||||||
|
width: 17.504vw;
|
||||||
|
height: 26.897vw;
|
||||||
|
margin-top: 70vw;
|
||||||
|
left: 8.371vw;
|
||||||
|
z-index: 0;
|
||||||
|
background-image: url("/Images/gen-art/gen-art-_0007_DALL·E 2022-09-01 10.00.15 - futuristic billboard of japanese writing in neon lit city.png.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: top;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-8{
|
||||||
|
position:absolute;
|
||||||
|
width: 8.371vw;
|
||||||
|
height: 8.371vw;
|
||||||
|
margin-top: 90vw;
|
||||||
|
left: 20.8vw;
|
||||||
|
z-index: 0;
|
||||||
|
background-image: url("/Images/gen-art/pixel-mouth.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-9{
|
||||||
|
position:absolute;
|
||||||
|
width: 8.371vw;
|
||||||
|
height: 24vw;
|
||||||
|
margin-top: 70vw;
|
||||||
|
right: 8.371vw;;
|
||||||
|
z-index: 0;
|
||||||
|
background-image: url("/Images/gen-art/gen-art-_0010_DALL·E 2022-09-01 10.48.33 - bright blue and green _It’s time we stop robbing Peter to pay Mark and Jeff._.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gen-art-10{
|
||||||
|
position:absolute;
|
||||||
|
width: 50vw;
|
||||||
|
height: 25vw;
|
||||||
|
right: 8.371vw;;
|
||||||
|
z-index: 0;
|
||||||
|
background-image: url("/Images/gen-art/colorful-sandal.jpg");
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
#gen-art-10{
|
|
||||||
position:absolute;
|
|
||||||
width: 50vw;
|
|
||||||
height: 25vw;
|
|
||||||
right: 8.371vw;;
|
|
||||||
z-index: 0;
|
|
||||||
background-image: url("/Images/gen-art/colorful-sandal.jpg");
|
|
||||||
background-attachment: fixed;
|
|
||||||
background-position: center;
|
|
||||||
background-repeat: repeat;
|
|
||||||
background-size: cover;
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -231,7 +231,7 @@ li{
|
||||||
|
|
||||||
h1{
|
h1{
|
||||||
font-size: 20vw;
|
font-size: 20vw;
|
||||||
line-height: 5rem;
|
line-height: 6rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2{
|
h2{
|
||||||
|
|
Loading…
Reference in a new issue