body {
    background-color: #f5f5f5;
}
.view {
    background-color: #f5f5f5;

    display: flex;
    flex-direction: column;
    min-height: 100vh;

    max-width: 480px;

    position: relative;

    margin: 0 auto;
    padding: 56px 20px;
    overflow: hidden;
}

textarea {
    min-height: 91.19px;
}


header {
    order: -1;

    padding-bottom: 36px;
}
h2 {
    font-size: 32px;
    word-break: break-all;
    line-height: 132%;

    padding-bottom: 8px;
}
#list textarea,
#list .text {
    width: 100%;
    padding: 20px;

    line-height: 1.6;
}
.list-item {
    background-color: white;
    border: 1px solid #ddd;

    margin-bottom: 36px;

    display: flex;
    flex-wrap: wrap;

    border-radius: 20px;
}
.item-copy-button,
#search_field_button {
	display: block;

    font-weight: bold;
    font-size: 18px;
	
	color: white;
    background-color: #4285f4;
	border: 2px solid #4285f4;

	padding: 20px;
    margin: 20px;

    width: 100%;

    border-radius: 20px;
}
.item-copy-button:active,
#search_field_button:active {
	transition: .4s;
	
	color: white !important;
	background-color: #4285f4;
	text-decoration: none !important;
	opacity: .5;
}
	
@media (any-hover: hover) {	
	.item-copy-button:hover,
    #search_field_button:hover {
  	transition: .4s;
  	color: white !important;
  	background-color: #4285f4;
  	text-decoration: none !important;
    }
}

#bottom-menu {
    order: -1;

    background-color: white;
    border: 1px solid #ddd;

    margin-bottom: 36px;

    display: flex;
    flex-wrap: wrap;

    border-radius: 20px;
}
#bottom-menu textarea {
    width: 100%;
    padding: 20px;

    line-height: 1.6;
}
#item-copysend-button {
    display: none;
}