@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap";:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #4c6a86;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: #3c3c3c1f;--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1)}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}body{min-height:100vh;color:var(--color-text);background:var(--color-background)}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none}body{min-height:100vh;width:100vw;color:#fff;font-family:Poppins,sans-serif}@media (min-width: 481px){nav{display:flex;justify-content:space-between;place-items:center;padding:15px 35px;background-color:#222}nav h2{font-weight:700;font-size:16px;color:#fff}nav button{color:#fff}.sendInfo{display:flex;justify-content:space-between;place-items:center}.sendInfo button{border-radius:5px;transition:.3s ease-in;background:transparent;cursor:pointer;border:none;font-size:14px}main{display:flex;flex-direction:column}.intro-section{order:1}.image-section{display:flex;justify-content:center;order:0;height:50vh;margin:5rem 0}.image-section img{width:100%;height:100%}.intro-section span{color:#027ee7}.intro-section h1{margin:2.5rem 2rem;font-size:24px}.intro-section h2{margin:1.5rem 2rem;font-size:20px}.intro-section p{font-size:14px;font-weight:500;margin:0 2rem;letter-spacing:1px}.intro-section button{margin:2rem;padding:.5rem 2.5rem;letter-spacing:1px;font-weight:700;color:#fff;background:#027ee7;outline:none;border-radius:2.5px;border:none}.intro-section button i{margin:0 5px}.searchView{display:flex;justify-content:center;place-items:center;height:90vh}.searchContent h1{font-size:24px;color:#027ee7;text-align:center}.searchContent input{width:20rem;padding:3.5px 10px;margin:1.5rem 0;font-weight:600;border-radius:2.5px;background:#bfbfbf;outline:none;font-size:12px;border:none}.searchContent input::placeholder{color:#030303}.searchContent button{padding:3.5px 5px;border-radius:2.5px;background:#bfbfbf;margin:0 10px;border:none}.searchContent button i{font-size:12px}.container{display:flex;flex-direction:column}.mainInfo{width:85%;height:auto;background:#303030;border-radius:5px;margin:2rem auto;padding:20px}.mainInfo h1{margin:.5rem 0 1.5rem}.mainInfo p{margin:5px 0;letter-spacing:1px;font-weight:600}.mainInfo p span{margin:0 10px;font-weight:500;color:#d9d9d9}.box{margin:2rem 0}.box .displayFlag{display:flex;justify-content:center;place-items:center;height:50vh;padding:20px 0;width:85%;margin:auto;border-radius:5px;background:#303030}.box .displayFlag img{width:75%;max-height:75%;border-radius:5px}.backControl{display:flex;justify-content:end;width:85%;margin:auto}.backControl button{padding:.3rem 5rem;background:#0663b1;border:none;border-radius:2.5px;margin:2rem 0}}@media (max-width: 480px){nav{display:flex;justify-content:space-between;place-items:center;padding:15px 35px;background-color:#222}nav h2{font-weight:700;font-size:16px;color:#fff}nav button{color:#fff}.sendInfo{display:flex;justify-content:space-between;place-items:center}.sendInfo button{border-radius:5px;transition:.3s ease-in;background:transparent;cursor:pointer;border:none;font-size:14px}main{display:flex;flex-direction:column}.intro-section{order:1}.image-section{display:flex;justify-content:center;order:0;height:50vh;margin:5rem 0}.image-section img{width:100%;height:100%}.intro-section span{color:#027ee7}.intro-section h1{margin:2.5rem 2rem;font-size:24px}.intro-section h2{margin:1.5rem 2rem;font-size:20px}.intro-section p{font-size:14px;font-weight:500;margin:0 2rem;letter-spacing:1px}.intro-section button{margin:2rem;padding:.5rem 2.5rem;letter-spacing:1px;font-weight:700;color:#fff;background:#027ee7;outline:none;border-radius:2.5px;border:none}.intro-section button i{margin:0 5px}.searchView{display:flex;justify-content:center;place-items:center;height:90vh}.searchContent h1{font-size:24px;color:#027ee7;text-align:center}.searchContent input{width:20rem;padding:3.5px 10px;margin:1.5rem 0;font-weight:600;border-radius:2.5px;background:#bfbfbf;outline:none;font-size:12px;border:none}.searchContent input::placeholder{color:#030303}.searchContent button{padding:3.5px 5px;border-radius:2.5px;background:#bfbfbf;margin:0 10px;border:none}.searchContent button i{font-size:12px}.container{display:flex;flex-direction:column}.mainInfo{width:85%;height:auto;background:#303030;border-radius:5px;margin:2rem auto;padding:20px}.mainInfo h1{margin:.5rem 0 1.5rem}.mainInfo p{margin:5px 0;letter-spacing:1px;font-weight:600}.mainInfo p span{margin:0 10px;font-weight:500;color:#d9d9d9}.box{margin:2rem 0}.box .displayFlag{display:flex;justify-content:center;place-items:center;height:50vh;padding:20px 0;width:85%;margin:auto;border-radius:5px;background:#303030}.box .displayFlag img{width:75%;max-height:75%;border-radius:5px}.backControl{display:flex;justify-content:end;width:85%;margin:auto}.backControl button{padding:.3rem 5rem;background:#0663b1;border:none;border-radius:2.5px;margin:2rem 0}}
