*{margin:0;padding:0;box-sizing:border-box;overflow:hidden}body{margin:0;padding:0;background:#eaeaea;overflow:hidden}header{height:fit-content;margin:10px;justify-content:flex-start;z-index:2}.background-img{height:100vh;width:100%;position:absolute;top:0%;display:flex;justify-content:center;align-items:center;justify-self:center;align-self:center;z-index:-2}.foreground{position:absolute;background:linear-gradient(#eaeaea,#fff0,#eaeaea);z-index:-1;height:100%;width:100%;top:0%}.background-img .boy-container{height:100vh;max-height:100vh;animation:animate 1s ease-in-out;margin-left:5%;width:95%;display:flex;justify-content:flex-start;align-items:flex-start}.background-img .girl-container{height:100vh;max-height:100vh;animation:animate-girl 1s ease-in-out;margin-right:5%;width:95%;display:flex;justify-content:flex-end;align-items:flex-end}.boy-container img,.girl-container img{width:fit-content;height:100%}.person-text{border-radius:30px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-weight:700;color:#000;background:#fff;width:fit-content;padding:20px;margin-top:5px;margin-left:5px;font-size:13px;letter-spacing:.5px}section{justify-content:center;align-items:center;display:flex;flex-direction:column;z-index:2}h1{text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:40px;margin-top:10px;padding:10px;border-radius:50px}.image-container{height:250px;width:250px;background:#fff;border-radius:40px;margin-top:30px;overflow:hidden}.image-container img{max-height:250px;max-width:250px}.buttons{gap:10px;display:flex;margin-top:20px}.upload{background:#fff;border-radius:50px;outline:none;border:none;height:50px;width:50px;font-size:20px;cursor:pointer}.predict{background:#000;color:#fff;border-radius:40px;outline:none;border:none;padding:35px;font-size:15px;cursor:pointer}article{justify-content:center;align-items:center;display:flex;margin-top:40px}article p{font-family:Arial,Helvetica,sans-serif;font-size:20px}@media (max-width: 768px){.person-text{padding:10px;font-size:12px}.predict{padding:30px;border-radius:35px}h1{font-size:30px}}@keyframes animate{0%{opacity:0;margin-left:0%}to{opacity:1;margin-left:5%}}@keyframes animate-girl{0%{opacity:0;margin-right:0%}to{opacity:1;margin-right:5%}}