@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap";*{margin:0;padding:0;font-family:Comfortaa,sans-serif}body{background:linear-gradient(-45deg,#272727,#686868,#272727,#686868);background-size:400% 400%;animation:gradient 15s ease infinite;width:100vw;height:100vh;overflow:hidden}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.main{background-color:#000;color:#fff;width:60vw;height:70vh;margin-left:21vw;margin-top:16vh;opacity:.9;border-radius:15px;box-shadow:10px 10px 10px #0000004d,10px 10px 10px #ffffff1a}.h1{text-align:center;margin-top:10%;font-size:1.7vw;position:relative;top:20px}.start{display:flex;justify-content:center;padding:12px}.info{width:80%;margin-left:6vw;display:flex;justify-content:center;align-items:center;height:40vh;margin-top:30px;text-align:center;font-size:24px}.btn{padding:7%;border-radius:10px;border:none;cursor:pointer;width:120px;height:40px}.btn:hover{background-color:#2e2e2e;color:#fff}*{margin:0;padding:0}body{overflow:auto}.login{display:flex;flex-direction:column;color:#fff;padding:10px}.inp{padding:8px;margin:9px;border-radius:8px}label{margin:18px}.main-box{display:flex;flex-direction:row;justify-content:space-between}.name{display:flex;flex-direction:row;color:#fff}.login-form{margin-top:40px;display:flex;text-align:center;justify-content:center;flex-direction:column;align-items:center;border:1px solid white;width:50vw;margin-left:25vw;margin-top:15vh;padding:20px;border-radius:10px}.navbar{display:flex;flex-direction:row;justify-content:space-between;background-color:#000;color:#fff;padding:10px;margin-top:0}.heading{display:flex;justify-content:center;margin:40px;color:#fff;font-size:50px;font-weight:bolder}.form{display:flex;align-items:center;flex-direction:column;color:#fff;margin:10px;border-radius:10px;width:50vw;margin-left:25vw;border:1px solid white;height:80vh;margin-top:40px}.btn{margin-top:10px;cursor:pointer}.add-page{margin-top:2vh}.lower{display:flex;justify-content:center;flex-direction:row}.update-btn,.delete-btn{cursor:pointer;padding:8px;border-radius:5px 15px;margin:20px}.delete-btn:hover,.update-btn:hover{background-color:#404040;color:#fff}.filter-btn{margin-left:50px;padding:10px;border-radius:5px 15px;border:none;box-shadow:2px 2px 2px #000;cursor:pointer}.input{padding:10px;border-radius:10px;border:none;margin:10px;display:flex;flex-direction:column}.label{display:flex;flex-direction:column;margin:10px;align-items:flex-start}.add-btn{margin-left:42vw;padding:10px;border-radius:5px 15px;border:none;box-shadow:2px 2px 2px #000;cursor:pointer}.add-btn:hover{background-color:#000;color:#fff}.content{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(50% - 20px),1fr));grid-gap:40px;padding:35px;margin:0 auto;max-width:1200px}.items{background-color:#000;border-radius:10px;padding:35px;color:#fff;box-shadow:0 4px 6px #0000001a}.upper{display:flex;justify-content:space-between;align-items:center}.images{width:200px;max-height:250px;border-radius:10px}.item-name{font-size:29px;margin-bottom:13px}.person-name,.origin{font-size:19px;margin-bottom:13px}.description{font-size:19px;margin-top:20px}img{width:100%;height:100%}@media (max-width: 768px){.items{grid-column:span 4}}