/*css document */

/*.......................................................
	-----------  _   _   _   _   _   _ --------My-----------
    ----------- / \ / \ / \ / \ / \ / \ -------Morning------
    -----------( c | o | f | f | e | e )-------Ritual!!-----
    ------------\_/ \_/ \_/ \_/ \_/ \_/ --------------------
    --------------------------------------------------------
    ........................................................*/

body{background-color:#ccffff;}

/* exercise 2 */
nav{border-bottom:0.5vw dotted #D500F9 ;}
li{display: inline-block; width: 8.4vw; float: center; margin-left: 3.2vw; margin-top: 5vw;
	margin-bottom: 3.2vw; list-style: none;  font-size: 2vw;}
	a{text-decoration:none;}
	a:link{text-decoration: none; color: black;}
	a:visited{text-decoration: none;color:#1E88E5;}
	a:hover{color:black; text-decoration: underline;}
	h1{text-align: center; font-size: 4em;margin-top: 25vh; margin-right: 3vw;}

	
    /* my-name */
   h1.name {text-align: center; text-decoration: none; color: black; margin-right:3vw;
   	text-shadow: 5px 1px #757575; margin-top: 30vh; font-size: 5em;}

   /*my-ascii */
   p.ascii{text-align: center; font-size: 2.2vw;
    margin-top:25vh; line-height: 4vh;margin-right: 5vw;}

    /* background */
    .b{margin-top: 4vh; font-size: 4.5vw; text-decoration: underline;}
    .l{display: inline-block; width: 40vw; font-size: 2.5vw;}

    /* design inspiration */
    .andy{margin-top: 10vh; font-size: 5vw;}
    .warhol {color:black; display:block; text-align:center;  margin-left:13vw;width: 60vw; margin-top:-5vh;
    	font-size: 3vw; }
    .warhol a:visited{text-decoration: none; color:black;}
    .warhol a:hover{color:black; text-decoration: underline;}
    .warhol a:link{text-decoration: none; color: black;}
    .campbell{display: block; float:center; margin-left:25vw; width: 45vw; box-shadow:20px 15px 10px #424242;}
    .popart{margin-top: -3vh; font-size: 1.7em;}

    /* non-designed */
    h1.chopstick{text-align: center; font-size: 4.5vw;margin-top: 10vh;margin-right: 3vw;}
    img {width:35vw;  display:inline-block;margin-left: 7vw;margin-top: 5vw; box-shadow: -20px 15px 10px gray;}
   img.one {width:42vw;  display:inline-block;margin-left: 5vw;margin-top: 5vw;}
   p{font-size: 1.5em;margin-top: 2.5vw;margin-left: 40px;}

   /* design object */
   .k{margin-top: 15vh; }
   .keyboard{display: block; float: center; margin-left:30vw; width: 37vw;}
   .p{font-size: 2em; margin-top: 9vh; }