Newer
Older
2022-rinto / final.css
@INO Rinto INO Rinto on 29 Jul 2022 1 KB ほぼ
p {color: #ffffff;}

div.ue {position: relative;
	height: 45em;
       width: 100%;
       background-image: url("final1.png");
       background-repeat: no-repeat;
       background-size: cover;
      }

div.shita {height: 22em;
	  width: 100%;
	  background-color: black;
	  }

div.moji {position: absolute;
	 left: 20%;
	 top: 20%;
	 height: 10em;
	 width: 1em;
	 color: #ffffff;
	 font-size: 120%;
	 }

div.hidari {height: 20em;
	   width: 49%;
	   float: left;
	   border: 1px solid #ffffff;
	   }

div.hidari h3 {margin-left: 3em;
	      color: #ffffff
	      }

div.hidari h1 {margin-top: -0.2em;
	      color: #ffffff;
	      font-size: 400%;
	      font-weight: bold;
	      text-align: center;
	      letter-spacing: 0.5em;
	      }

div.hidari h2 {margin-top: -1em;
	      color: #b8860b;
	      text-align: center;
	      font-size: 180%;
	      }
	      
	      

div.migi {height: 20em;
	   width: 50%;
	   float: right;
	   border: 1px solid #ffffff;
	   }


div.left {height: 4em;
	 width: 12%;
	 float: left;
	 border: 1px solid #ffffff;
	 }

div.left h3 {width: 100%;
	    color: #ffffff;
	    font-size: 150%;
	    }

div.right {height: 4em;
	   width: 87%;
	   float: right;
	   border: 1px solid #ffffff;
	   }

div.right h1 {color: #ffffff;
	     margin-top: 0.1em;
	     margin-bottom; 0.1em;
	     font-size: 270%;
	     }

div.migi table {color: #ffffff;
	       border: none;}

div.migi tr:nth-child(4) td:nth-child(2) {font-size: 50%;}


div.migi p {color: #ffffff;
	   font-size: 80%;
	   }

div.l {height: 4em;
      width: 39%;
      float: left;
      border: 1px solid #ffffff;
      }

div.l h2 {color: #ffffff;
      	 font-size: 170%;
	 text-align: center;
	 margin-top: 0.5em;
	 }

div.c {height: 4em;
      width: 39%;
      float: left;
      border: 1px solid white;
      }

div.c p {color: #ffffff;
      	font-size: 65%;
	}

div.r {height: 4em;
      width: 20%;
      float: left;
      border: 1px solid white;
      }

div.r p {color: #ffffff;
      	text-align: center;
	}