Newer
Older
2022-rinto / kadai2.css
@INO Rinto INO Rinto on 27 Jul 2022 1 KB ほぼ完成
h1 {font-size: 300%;
   color: #ffffff;
   text-align: center;
   }

h2.y {color: #f5deb3;}

p.joki {text-align: center;}

div.kisya {position: relative;
	  width: 90vw;
	  height: 55vw;
	  background-image: url("jokikikan.jpg");
	  background-repeat: no-repeat;
	  background-size: cover;
	  margin: auto;
	  }

div.kisya p {position: absolute;
       	   right: 0em;
       	   bottom: 0em;
       	   width: 26em;
       	   font-size: 80%;
       	   color: #ffffff;
	   color: white;
       	   }

div.kisya p:first-line {position: absolute;
       	   right: 0em;
       	   bottom: 0em;
       	   width: 26em;
       	   font-size: 80%;
       	   color: #ffffff;
	   color: yellow;
	   font-size: 120%;
       	   }


div.kisya p.s {text-shadow: black 0 -0.5px, black 0 0.5px, white 0.5px 0, white -0.5px 0;}

div.ue {height: 41em;
       width: 100%;
       background-color: #006400;
       }

div.shita {height:40em;
	  width: 100%;
	  background-color: #98fb98;
	  margin-top: 0em;
	  margin-bottom: 5em;
	  }

div.hidari {height: 17em;
	   width: 49%;
	   float: left;
	   }

div.migi {height: 17em;
	 width: 49%;
	 float: right;
	 }


div.left {height: 22em;
	   width: 24%;
	   float: left;
	   margin: auto;
	   }

div.right {height: 22em;
	 width: 74%;
	 float: right;
	 }

div.right h1 {color: #006400;
	     font-size: 200%;
	     font-weight: 3px;
	     }

div.l {height: 16em;
	   width: 59%;
	   float: left;
	   }

div.l li {margin-left: 1em;
      	 font-weight: bold;}

div.l h2 {font-size: 120%;
      	 color: black;
	 }

div.r{height: 16em;
	 width: 39%;
	 float: right;
	 }