/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */
h1{color:blue;
 text-align:center;}
 h2{text-align: center;}
 h3{color:red}
 h4{text-align:center}
 h5{text-align: center;
color:green}
.field{input[type='text']{width:200%;
height:20px;}}
.profiling{width:100%;
height:50px;}
.honbun{width:200%;
height:300px;}
.komento{width:60%;
height:60px;}
.commentarea{border-bottom: 2px blue solid;}
 .form{display:flex;
    flex-direction: column;
align-items:center;
}
 .actions{margin-top: 8px;
margin-bottom:15px;}
 .link a{font-size: 25px;
margin-left:15%;}
 .low{background-color: gray;
padding-top:30px;
padding-bottom: 30px;
margin-bottom:0px;
display: flex;
flex-direction: column;
align-items:center;}
.minilink a{margin-right:15px;
font-size:15px;}
 .lowest{margin-top:0px;
    background-color: black;
    width:100%;
    height:25px;}
.cmark{color:aliceblue;
    font-size:20px;
    text-align:center;
}
.discription{font-size:20px;
margin-left:15%;
margin-right:15%;}
.delete{display: flex;
flex-direction: column;
align-items:flex-end;}
.title{border-bottom:2px blue solid;
margin-bottom:15px;
display: flex;
flex-direction: column;
align-items:center;}
.main{text-align: center;
width:60%;
margin-left:20%;}
.profile{text-align:center;}
.comment{text-align: center;
font-size:15px;}
.info{text-align: center;}
.logout{margin-left:70%;}
.destroy{margin-left:70%;}
.toukou{margin-right:20%;}
.kensaku{display: flex;
justify-content: center;}
.gazou{display: flex;
justify-content: center;}
.blank{height:20px;}