Newer
Older
gourmet-2022 / komatsu / test.css
@Komatsu Yu Komatsu Yu on 1 Nov 2022 1023 bytes Update test.css
html{
    font-size: clamp(1.5rem, 2vw + 1rem, 2.25rem);
}

#hedder{

}

body{
    background-color: #ffffff56;
}

#midasi{
    background-color: #0000008e;
    margin-left: 0em;
    margin-right: 0em;
    padding: 2cm;
}

.midasi2{
    color:#f38a8a;
    text-align: center;
    border-bottom: #f38a8a solid 2px;
}
.left{
    margin-left: 10px;
    text-align: left;
    
}

.oshan{
    margin:2em 0;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
}
.oshan:before, .oshan:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: black;
}
.oshan:before {left: 10px;}
.oshan:after {right: 10px;}
.oshan p {
    margin: 0; 
    padding: 0;
}


#honbun{
    margin-left: 5em;
    margin-right: 5em;
    background-color: rgb(247, 179, 134);
    width: auto;
    text-align: center;
}

.pic{
    text-align: center;
    padding-top: 2ex;
}