*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.Box1{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.Box1 h1{margin-top:10px;font-size:38px;font-weight:600}.Box2{display:flex;justify-content:center;align-items:center;width:90%;height:10%}.Box2 input{width:30%;height:80%;outline:none;border-radius:4px;border:1px solid #ccc;font-size:17px;padding-left:15px}.Box2 button{width:100px;height:80%;border:none;color:#fff;margin-left:5px;font-size:21px;outline:none;cursor:pointer;border-radius:3px}.ErrorBox{background-color:#fce4e4;float:left}.error{color:#c03;font-family:Helvetica,Arial,sans-serif;font-size:15px;font-weight:700;line-height:20px;text-shadow:1px 1px rgba(250,250,250,.3)}.Box3{width:90%;height:80%;margin:10px;overflow-y:auto;overflow-x:hidden;box-shadow:#26394d 0 20px 30px -10px}.Box3 p{margin-top:-14px}.card{width:24rem;height:30rem}.card-img-top{width:24rem;height:18rem}@media (max-width: 600px){.Box1 h1{margin-top:10px;font-size:27px;font-weight:600}.Box2{display:flex;justify-content:center;align-items:center;width:90%;height:20%}.Box2 input{width:63%;height:55%;outline:none;border-radius:4px;border:1px solid #ccc;font-size:14px;padding-left:15px}.Box2 button{width:100px;height:55%;border:none;color:#fff;margin-left:5px;font-size:14px;outline:none;cursor:pointer;border-radius:3px}.Box3{margin-top:10px;width:24rem;height:60rem}.row{display:flex;flex-direction:column;margin-left:8px}.card{width:21rem;height:30rem}.card-img-top{width:21rem;height:18rem}}@media (max-width: 800px) and (min-width: 600px){.Box1 h1{margin-top:10px;font-size:36px;font-weight:600}.Box2{display:flex;justify-content:center;align-items:center;width:80%;height:10%}.Box2 input{width:63%;height:55%;outline:none;border-radius:4px;border:1px solid #ccc;font-size:17px;padding-left:15px}.Box2 button{width:100px;height:55%;border:none;color:#fff;margin-left:5px;font-size:21px;outline:none;cursor:pointer;border-radius:3px}.Box3{width:90%;height:80%;margin:10px;overflow-y:auto;overflow-x:hidden;box-shadow:#26394d 0 20px 30px -10px}.card{width:11rem;height:25rem}.card-img-top{width:11rem;height:8rem}.card-body,.btn-primary{font-size:14px}}@media (max-width: 1350px) and (min-width: 800px){.Box1 h1{margin-top:10px;font-size:38px;font-weight:600}.Box2{display:flex;justify-content:center;align-items:center;width:80%;height:20%}.Box2 input{width:63%;height:55%;outline:none;border-radius:4px;border:1px solid #ccc;font-size:17px;padding-left:15px}.Box2 button{width:100px;height:55%;border:none;color:#fff;margin-left:5px;font-size:21px;outline:none;cursor:pointer;border-radius:3px}.Box3{width:90%;height:80%;margin:10px;overflow-y:auto;overflow-x:hidden;box-shadow:#26394d 0 20px 30px -10px}.card{width:15rem;height:25rem}.card-img-top{width:15rem;height:14rem}.card-body,.btn-primary{font-size:14px}}