@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";:root{font-family:Nunito Sans;color-scheme:light dark;color:#fff;background-color:#1f1f1f}body{margin:0;display:flex;justify-content:center;align-items:center;place-items:center;min-width:320px;min-height:100vh}h1{font-family:Nunito Sans;font-weight:600;font-size:60px;line-height:100%;letter-spacing:0%}button{font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}*{font-family:Nunito Sans;margin:0;padding:0;box-sizing:border-box}.app{background-color:#000;display:flex;flex-direction:column;justify-content:start;align-items:center;width:1156px;height:537px;padding:40px;gap:36px}.header{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;gap:12px}.form{display:flex;flex-direction:row;justify-content:center;align-items:center;width:503px;height:62px;gap:12px;position:relative}.form input{background-color:#fff;font-family:Nunito Sans;color:#000;font-weight:600;font-size:20px;line-height:100%;letter-spacing:0%;width:100%;height:100%;border-radius:10px;border:none;padding-left:32px}.form input::placeholder{font-family:Nunito Sans;color:#000;font-weight:600;font-size:20px;line-height:100%;letter-spacing:0%}.form button{background-color:#005cff;width:62px;height:62px;border-radius:10px;border:1px solid #dddddd;position:absolute;right:0;top:.5%}#ellipse1{position:absolute;top:0;right:0;z-index:-1}#ellipse2{position:absolute;bottom:0;left:0;z-index:-1}#grade{position:absolute;top:28px;left:71px;z-index:-1}.user-data{display:flex;flex-direction:row;justify-content:start;align-items:center;background-color:#d9d9d9;width:804px;min-height:257px;border-radius:25px;padding:0 30px;gap:30px}.user-data img{width:220px;height:220px;object-fit:cover;border-radius:50%;border:2px solid #005cff}.user-info{display:flex;flex-direction:column;align-items:start;width:448px;height:123px;gap:20px}.user-info h2{font-family:Nunito Sans;font-weight:700;font-size:20px;line-height:100%;letter-spacing:0%;color:#005cff}.user-info p{font-family:Nunito Sans;font-weight:300;font-size:15px;line-height:100%;letter-spacing:0%;color:#000}.user-data-error{display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;background-color:#d9d9d9;width:710px;min-height:88px;border-radius:10px;padding:25px 100px;gap:30px}.user-data-error p{font-family:Nunito Sans;font-weight:400;font-size:20px;line-height:130%;letter-spacing:0%;text-align:center;color:red}@media screen and (max-width: 1168px){.app{width:95vw;height:unset;min-height:537px;padding:20px}.header{gap:8px}.header h1{font-size:40px}.header img{height:30px}.form{width:80vw;height:52px;gap:12px}.form input{font-size:16px;padding-left:18px}.form input::placeholder{font-size:16px}.form button{width:52px;height:52px}#ellipse1{width:250px}#ellipse2{width:150px}#grade{top:78px;left:21px;width:150px}.user-data{flex-direction:column;width:95%;padding:20px}.user-data img{width:130px;height:130px}.user-info{width:95%}.user-data-error{width:95%;padding:25px 10px}.user-data-error p{font-size:18px}}