@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}ul{list-style:none}body{font-family:Poppins,sans-serif;font-size:14px;line-height:1.6}.error{color:red;background-color:#faebd7;margin-bottom:.5rem;font-weight:600}.success{color:green;background-color:#faebd7;margin-bottom:.5rem;font-weight:600}header{color:#fff;background-color:tomato}header .container{justify-content:space-between;align-items:center;display:flex}header .container nav ul{display:flex}header .container nav ul li{display:block}header .container nav ul li a{color:#fff;padding:1rem;display:block}.main-index .container-sm #list{flex-direction:column;gap:1rem;display:flex}.main-index .container-sm #list .item{background-color:beige;border-radius:8px;padding:1rem}.main-index .container-sm #list .item h3{margin-bottom:.5rem}.main-index .container-sm #list .item .title{font-weight:600}.main-index .container-sm #list .item .date{margin-bottom:.5rem;font-size:12px;font-weight:600;display:block}.main-index .container-sm #list .item .description{margin-bottom:1rem;display:block}.main-add .container-sm #add-work{background-color:beige;border-radius:8px;padding:1rem;display:grid}.main-add .container-sm #add-work label{margin-bottom:.2rem;font-size:12px;font-weight:600}.main-add .container-sm #add-work input{font:inherit;margin-bottom:1rem;padding:.5rem 1rem}.main-add .container-sm #add-work textarea{min-height:120px;font:inherit;margin-bottom:1rem;padding:.5rem 1rem}.main-add .container-sm #add-work input[type=submit]{text-align:center;cursor:pointer;color:#fff;background-color:#4791ff;border:none;padding:.5rem 1rem;font-family:inherit;transition:transform 3s;display:inline-block}.main-about .container-sm h2,.main-about .container-sm section{margin-bottom:1rem}.main-about .container-sm section h3{margin-bottom:.5rem}.container{max-width:1200px;margin:0 auto;padding:1rem}.container-sm{max-width:750px;margin:0 auto;padding:1rem}button{text-align:center;cursor:pointer;color:#fff;background-color:tomato;border:none;padding:.5rem 1rem;font-family:inherit;transition:transform 3s;display:inline-block}button:hover{opacity:.7}