pehaa

/**
 * The first commented line is your dabblet’s title
 */

background-color: white;
background-image: url(http://wptemplates.pehaa.com/gingr-03/wp-content/uploads/2017/02/waves2-1.png);
background-size:600px 600px;
min-height: 100%;

pehaa

import java.util.Scanner;

public class Solution {

    public static void main(String[] args) {
        Scanner scan = new Scanner(System.in);
        
        int i = scan.nextInt();        
        scan.nextLine();        
        double d = scan.nextDouble();

pehaa

/**
 * The first commented line is your dabblet’s title
 */
.container {width:70%; margin: auto; background:yellow}

.title--hline {
	display:inline-flex;
	width:100%;
	position:relative;
	padding:0;

pehaa

/** * The first commented line is your dabblet’s title */.container {width:70%; margin: auto; background:yellow}.title--hline {	display:inline-flex;	width:100%;	position:relative;	padding:0;	white-space:nowrap;	align-items:center;	}.title--hline:before, .title--hline:after {	content:'';	flex:1 0;	height:1px;	background:currentColor;}.title--hline:before {	margin-right:10px;}.title--hline:after {margin-left:10px;}

pehaa

/**
 * The first commented line is your dabblet’s title
 */

.rose {
margin:100px;
	background: #f06;
	height:100vh;
	width:6rem;
	position:relative;

pehaa

/**
 * The first commented line is your dabblet’s title
 */

body{background: #000;}
.container {width:80%; margin:auto;}
.system {width:100%; border:1px solid magenta; padding-bottom:100%}

pehaa

/**
 * The first commented line is your dabblet’s title
 */

body {background: #f06; overflow: hidden;

min-height: 100%;}
.star {
color:white;
position:relative;

pehaa

/**
 * The first commented line is your dabblet’s title
 */

body {background: #f06; overflow: hidden;text-align:center;

min-height: 100%;}
.star {
opacity:1;
color:white;

pehaa

/**
 * The first commented line is your dabblet’s title
 */

body {background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;}

.links-area {width:15em; height:5em; background:transparent; margin:3em auto; perspective:1000px; transform-style:preserve-3d; border:1px solid; position:relative; overflow:hidden}
.link {display:block; height:5em; width:5em; background:rgba(0,0,0,.5); text-align:center; line-height:5em; color:#fff; transform: rotateY(100deg);

pehaa

a {display:block; width:20em;  position:relative; height:3.4em; overflow:hidden;}
a > span {display:block; width:0%; overflow:hidden; position:absolute; left:0; z-index:1;
 transition:1s ease-in-out; top:0; }
a:after {content:"free download"; position:absolute; background:red; display:block;
 width:100%; padding:1em 0;text-align:center; top:0;border-radius:15px;
}
a > span > span {   border-radius:15px;background:yellow; width:20em; padding:1em 0; display:block; text-align:center; }
a:hover > span {width:100%}