Environmental Sciences, asked by pricilaEkka8085, 1 month ago

Is it environmental friendly or environmentally friendly?

Answers

Answered by lily01001

Answer:

Environmental friendly.

Answered by xElegant

$<html><head><style>.container{height: 350px; width: 350px; position: absolute; left:0px; top:0px; right:0px; bottom:0px;}#layer1{ height: 200px; width:200px; border-radius:50%; border:5px solid #FF69B4; background-color: #2e0b17; transform:rotateX(60deg); left:85px; top:85px; box-shadow: 0px 15px 0px 0px #2e0b16, 0px 30px 0px 0px #FFF, 0px 50px 0px 0px #2e0b16, 0px 70px 0px 0px #FFF, 0px 90px 0px 0px #2e0b16, 0px 110px 0px 0px #FFF, 0px 130px 0px 0px #2e0b16; position:relative; }#candle{ height:50px; width:20px; background-color:red; box-shadow:0 -90px 50px red inset; transform: rotateY(-45deg); border-radius: 5px; left:180px; top:100px; position:absolute;}#candle1{ height:50px; width:20px; background-color:red; box-shadow:0 -90px 50px red inset; transform: rotateY(-45deg); border-radius: 5px; left:90px; position:absolute; top:145px;}#candle2{ height:50px; width:20px; background-color:red; box-shadow:0 -90px 50px red inset; transform: rotateY(-45deg); border-radius: 5px; left:270px; position:absolute; top:145px;}.flame{ border-bottom-left-radius:45% 35%; transform:origin(center); border-bottom-right-radius:45% 30%; box-shadow:0 -15px 2px 2px #FFC205; background-color:yellow; border-radius:50%; position:absolute; height:52px; width:10px; left:185px; top:65px; animation:fire infinite alternate linear 3s;}@keyframes fire{ 0%{ transform:scale(1); } 10%{ transform:scale(1.1,0.9)rotate(4deg); } 20% { transform:scale(1.2,0.6)rotate(0deg); } 60% { transform:scale(1.1,1.0)rotate(-1deg); } 80% { transform:scale(1.1,0.9)rotate(-3deg); } 100% { transform:scale(1); }}.flame1{ border-bottom-left-radius:45% 35%; transform:origin(bottom center); border-bottom-right-radius:45% 30%; box-shadow:0 -15px 2px 2px #FFC205; background-color:yellow; border-radius:50%; position:absolute; height:50px; width:10px; left:95px; top:110px; animation:fire infinite alternate linear 3s;}.flame2{ border-bottom-left-radius:45% 35%; transform:origin(bottom center); border-bottom-right-radius:45% 30%; box-shadow:0 -15px 2px 2px #FFC205; background-color:yellow; border-radius:50%; position:absolute; height:50px; width:10px; left:275px; top:110px; animation:fire infinite alternate linear 3s; } span{ color:cyan; position:absolute; left:60px; top:60px; font-size:35px; font-family: 'Lobster Two', cursive; } #plate{ background-color:#DCDCDC; height:250px; width:250px; position:absolute; border-radius:50%; transform:rotateX(60deg); left:68px; top:135px; box-shadow:0 12px 0 #000; }body{ background : linear-gradient(red,orange), url(" ") no-repeat 100% / cover; background-repeat:repeat; height:0px;}img{margin-top:300px;}p{ margin-top:00px; color:blue; margin-left:70px; margin-bottom:0px; font-family:iceberg; font-size:50px; text-shadow:3px 6px 8px red;}h1{ border:5px solid transparent; border-radius:30px; border-image:linear-gradient(130deg, red, green, blue, lime, purple,orange); animation:gradient 2s linear infinite; border-image-slice:1; padding-top:0px; position:relative; font-size:30px; top:300px; font-family: 'Ruslan Display', cursive; background:linear-gradient(to right, red, green, blue, lime, purple,orange); -webkit-text-fill-color:transparent ; -webkit-background-clip:text;}@keyframes gradient{ 50%{ filter:hue-rotate(360deg); }} </style> <link rel="stylesheet" href="cake.css"> <link href="" rel="stylesheet"> <link href=''></head><body><div class="container"> <div id="plate"> </div> <div id="layer1"> </div> <div class="flame"> </div> <div id="candle"> </div> <div class="flame1"> </div> <div id="candle1"> </div> <div class="flame2"> </div> <div id="candle2"> </div> </div> <h1>#test01</h1>&#128123;&#128123;&#128123;<footer style="color:red;font-size:70px;">&#128123;</footer> <footer style="color:red;font-size:70px;">&#128123;</footer> </body></html>$

Previous Question

Next Question