.HomePage{background-position:50%;background-size:cover;height:100vh;overflow:hidden;position:relative;width:100%}.content{color:#f58e85;left:8%;position:absolute;top:50%;transform:translateY(-50%)}.content h1{font-size:80px;line-height:80px;margin:10px -5px}.content h4{margin:0 0 70px}.avatar{left:25%;position:relative;top:15%}.avatar img{height:80vh;width:80vw}@media only screen and (max-width:1350px){.content{left:3%}.content h1{font-size:50px;line-height:50px}.avatar{left:35%;top:20%}.avatar img{height:65vh;width:65vw}}@media only screen and (max-width:970px){.content h1{font-size:40px;line-height:40px}.avatar{left:38%;top:25%}.avatar img{height:55vh;width:55vw}}@media only screen and (max-width:600px){.content{left:10%;top:35%;z-index:1}.content h1{font-size:30px;line-height:30px}.content h4{font-size:14px;margin:0 0 15px}button{display:flex;position:absolute}.avatar{left:5%;top:40%}.avatar img{height:auto;width:125vw}}button{background:#0000;border:1px solid #f58e85;border-radius:25px;color:#f58e85;cursor:pointer;font-size:16px;font-weight:700;outline:none;padding:15px 25px;z-index:2}button:hover{background:#f58e85;color:#fff}.DetectPage{background-color:#fde8e7;background-position:50%;background-size:cover;height:100vh;overflow:hidden;position:static;width:100vw}.detectionContent{color:#f58e85;left:17vw;position:absolute;top:40vh;transform:translateY(-50%)}.uploadImage{left:50vw;position:relative;top:50vh;transform:translateY(-50%);z-index:2}.uploadImage img{border:5px solid #f58e85;border-radius:4%;box-shadow:8px 8px 33px #444;height:auto;width:40vw}.wrapper{height:100%;position:relative;width:100%}.file-upload,.wrapper{align-items:center;display:flex;justify-content:center}.file-upload{border:4px solid #f58e85;border-radius:100px;height:200px;transition:all .5s;width:200px}.file-upload:hover{background-color:#f58e85;color:#fff}.file-upload svg{height:150px;transition:all .3s;width:auto}.file-upload input[type=file]{border:4px solid;border-radius:100px;cursor:pointer;height:200px;left:0;opacity:0;position:absolute;top:0;width:200px}.result{border:5px solid #f58e85;border-radius:20px;height:auto;left:11vw;top:66vh;width:auto}.icon,.result{position:absolute}.icon{color:#f58e85;display:inline;padding-left:30px;padding-top:20px}.resultContent{color:#f58e85;font-size:45px;padding:20px 10px 20px 90px;text-align:center}@media only screen and (max-width:1350px){.detectionContent{left:13vw}.result{left:5vw}}@media only screen and (max-width:970px){.detectionContent{left:8vw;top:50vh}.result{left:10vw;top:80vh}}@media only screen and (max-width:600px){*{box-sizing:border-box}.detectionContent{margin-top:50%;position:static}.wrapper{margin-left:calc(50% - 80px)}.file-upload,.wrapper{height:160px;width:160px}.file-upload input[type=file]{border:4px solid;border-radius:100px;height:160px;width:160px}.file-upload svg{height:100px}.uploadImage{margin-top:20%;padding-left:calc(50% - 30vw);position:static}.uploadImage img{height:auto;width:60vw}.result{margin-top:-20%;position:static}.icon{padding-left:20px;padding-top:6px}.resultContent{font-size:35px;padding:10px 5px 10px 60px}}*{font-family:sans-serif;margin:0;padding:0}.logo{cursor:pointer;position:absolute;top:2rem;transition:transform .7s ease-in-out;width:70px}.logo:hover{rotate:15%;transform:rotate(1turn)}.nav-bar{align-items:center;display:flex;height:15%;justify-content:space-between;justify-content:left;left:7%;margin:auto;position:absolute;top:3%;width:85%;z-index:2}.nav-bar .logo{margin-right:100px}.nav-bar ul{display:flex;list-style-type:none;margin-left:10rem;padding:0;position:absolute;top:2.5rem}.nav-bar li{float:left}.nav-bar li a{color:#e2b0a1;display:block;font-size:large;padding:14px 16px;text-align:center;text-decoration:none}.nav-bar li a.active,.nav-bar li a:hover{text-shadow:1px 1px 5px #e2b0a1}.nav-bar li a.active{color:#f58e85}.navbar-toggler{border:none;border-radius:9px;display:none;flex-direction:column;font-size:25px;justify-content:space-between;padding:15px 21px;position:absolute;right:-.1rem;top:2rem}.navbar-toggler:hover{background:none;color:#f58e85}@media only screen and (max-width:600px){.logo{top:.5rem}.navbar-toggler{display:flex}.nav-bar{align-items:flex-start}.nav-bar,.nav-bar ul{flex-direction:column}.nav-bar ul{background-color:#fff;border:2px solid #f58e85;border-radius:18px;display:none;margin:0;top:.5rem;width:100%;z-index:2}.navbar-toggler{top:.5rem}.nav-bar li a{border-bottom:2px solid;border-radius:10px;padding:10px 0}.nav-bar li a:hover{background-color:#f58e85;border:none;color:#fff}.nav-bar ul.active{display:flex}}.about{background-image:linear-gradient(#fff,#fde8e7,#f58e85 120%);color:#f58e85;height:80vh;margin-top:20vh;padding:0 5vw}.profile{text-align:center}.profile img{border:3px solid #f58e85;border-radius:100%;height:auto;width:150px}.list{list-style-position:inside;position:static}.list li{padding:5px}.about p{margin:10px 25px 0}.about a{color:#e2b0a1;font-size:18px}@media only screen and (max-width:600px){.motion{display:none}.list{margin-top:20px}.about{height:auto}}
/*# sourceMappingURL=main.e3c81de2.css.map*/