Update piece3_landscape.css

gefercan2 · Jul 4, 2024 · e774ec5 · e774ec5
1 parent ae27f78
commit e774ec5
Showing 1 changed file with 56 additions and 60 deletions.
diff --git a/poem_alter_3/piece3_landscape.css b/poem_alter_3/piece3_landscape.css
@@ -70,10 +70,11 @@ border:none;
 
 #being1{
 	z-index:43;
-	display:block;
+	display:none;
 	position:fixed;
 	box-sizing:border-box;
-	margin-left:-500px;
+	margin-top:0.1em;
+	margin-left:0.1em;
 	padding:1%;
 	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
 	font-weight: bolder;
@@ -86,15 +87,19 @@ border:none;
 
 #being3 {
 	z-index:43;
-	display:block;
+	display:none;
 	position:fixed;
 	box-sizing:border-box;
-	margin-left:-500px;
+	margin-right:0%;
+	top:0.1em;
+	right:0.1em;
 	padding:1%;
 	background-image:url('https://1.bp.blogspot.com/-vfGXgVeuBuc/XLIBQMJm_mI/AAAAAAAAWto/yC50twUbHvEpZh9eu-2Pfe9jKpS2yTlhgCLcBGAs/s1600/floating_being.png');
 	background-size:contain;
 	background-repeat:no-repeat;
 
+
+
 	-moz-transform: scaleX(-1);
         -o-transform: scaleX(-1);
         -webkit-transform: scaleX(-1);
@@ -109,22 +114,19 @@ border:none;
 
 /*_________bases____________________*/
 
-/* -----nube */
 #base {
-	position:fixed;
+	display:none;
 	box-sizing:border-box;
-	width:10%;
-	background-image:url("https://1.bp.blogspot.com/-1Cs79eHMwMQ/X5D9em9ABDI/AAAAAAAAYF4/rXQ7rRNrlhQvRsKVzx7WfpfvUeu3jeD4QCLcBGAsYHQ/s320/cloud1.png");
-	background-size:90%;
-	background-repeat: no-repeat;
-	padding:20% 10% 20% 10%;
-	z-index:-2;
-	left:-600px;
+	position:fixed;
+	top:0px;
+	left:0px;
+	z-index: -2;
+	background-size: cover;
+	width: 100%;
+	padding: 0%;
+	margin:0px;
 	border:none;
-	margin-bottom:10%;
-	margin-left:10%;
-	opacity:0.6;
-	filter: drop-shadow(5px 5px 5px #222);
+
 }
 
 #base2{
@@ -135,65 +137,46 @@ border:none;
 	width:100%;
 	padding:25% 0% 0% 0%;
 	z-index:2;
-	background-image:url("https://1.bp.blogspot.com/-hIiBF3_neOQ/X5D9enTHGnI/AAAAAAAAYF0/B7xae6CsX68jFKQq64EhFUpyXDtNn70bQCLcBGAsYHQ/s320/cratera.png"); 
+	background-color:gray;
 	opacity:0.8;
-	filter: drop-shadow(5px 5px 5px #222);
 }
 
-/* -----nube */
+
 #base3 {
 	position:fixed;
 	box-sizing:border-box;
-	width:10%;
+	width:50%;
 	background-image:url("https://1.bp.blogspot.com/-1Cs79eHMwMQ/X5D9em9ABDI/AAAAAAAAYF4/rXQ7rRNrlhQvRsKVzx7WfpfvUeu3jeD4QCLcBGAsYHQ/s320/cloud1.png");
 	background-size:90%;
 	background-repeat: no-repeat;
-	padding:20% 10% 20% 10%;
+	padding:20% 10% 30% 10%;
 	z-index:-2;
-	left:-600px;
 	border:none;
-	margin-bottom:10%;
+	margin-top:-90%;
 	margin-left:10%;
-	opacity:0.6;
-	filter: drop-shadow(5px 5px 5px #222);
 	}
 
-/* -----anfora */
+
 #base4{
 	position:fixed;
 	display: block;
 	box-sizing:border-box;
-	width:10%;
-	background-image:url("https://1.bp.blogspot.com/-IyK8LLoCZWo/XLIBQIXivXI/AAAAAAAAWts/TEvebt2zR3gliwp1SpTKAgQXAsyui0HkgCLcBGAs/s1600/floating_flower.png");
-
+	width:20%;
+	background-image:url("https://1.bp.blogspot.com/-hIiBF3_neOQ/X5D9enTHGnI/AAAAAAAAYF0/B7xae6CsX68jFKQq64EhFUpyXDtNn70bQCLcBGAsYHQ/s320/cratera.png");
 	background-size:80%;
 	background-repeat: no-repeat;
 	padding:5%;
 	margin-left: 30%;
-	margin-top:12%;
+	margin-top:32%;
 	z-index:143;
-	filter: drop-shadow(20px 15px 20px #222)invert(75%);
 	border:none;
 	}
 
 /*____________________________________*/
 
 
-/* button menu */
+
 #next{
-	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
-	font-weight: bolder;
-	color:white;
-	font-size: 2em;	
-	padding:1%;
-	width:5%;
-	margin-left:1%;
-	margin-top:1%;
-	display:block;
-	z-index: 90;
-	background-color:black;
-	border-radius:30px 30px 0px 30px;
-	filter: drop-shadow(5px 5px 5px #1b0f0f);
 
 }
 
@@ -214,6 +197,22 @@ border:none;
 }
 
 
+
+
+#film {
+position:fixed;
+min-width: 100%;
+min-height: 100%;
+width:auto;
+height:auto;
+background-color:#EF4043;
+background-size: cover;
+
+}
+video {
+	width:100%;
+}
+
 #head1 {
 	display:none;
 	position:fixed;
@@ -224,11 +223,11 @@ border:none;
 	border-color: #433737;
 	border-width: 3em;
 	margin-left: 50%;
-	background-image:url("https://1.bp.blogspot.com/-PCvd5LrC684/XLIBQ7r0XhI/AAAAAAAAWt0/02HGNRhBltUvr_VkWlWn0kb5RG2_cGiAwCLcBGAs/s1600/headtop1.png");
+	background-image:url('https://1.bp.blogspot.com/-PCvd5LrC684/XLIBQ7r0XhI/AAAAAAAAWt0/02HGNRhBltUvr_VkWlWn0kb5RG2_cGiAwCLcBGAs/s1600/headtop1.png');
 	background-size:cover;
 	backgorund-repeat:no-repeat;
-}
 
+}
 #head2 {
 	display:none;
 	position:fixed;
@@ -244,7 +243,9 @@ border:none;
 	animation-iteration-count:1;
 	animation-duration:9s;
 	animation-delay:3s;
-	animation-fill-mode:forwards;	
+	animation-fill-mode:forwards;
+
+
 }
 
 #flower1{
@@ -270,31 +271,26 @@ border:none;
 #a,#s,#d{
 	position:fixed;
 	float:left;
-	bottom:15%;
+	bottom:10%;
 	left:15%;
 	padding:1em;
 	color:black;
 	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
 	font-size:4em;
 }
-/* menu */
+
+
 #package1{
-	position:fixed;
-	display:block;
+	display:none;
 	border:0px;
 	width:80%;
-	margin:5% 0% 5% 9000%;
-	z-index: 242;
-	background-color:darkgray;
-	opacity:0.8;
-	padding:1%;
-	border-radius: 25px;
+	margin:10% 0% 5% 0%;
 	}
 
+
 .flower{
 	-webkit-animation: rotation 126s infinite linear;
 }
-
 .column1{
 	box-sizing:border-box;
 	width:20%;