@import"https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";.App{height:100vh;position:relative}.App-header{display:flex;flex-direction:column;align-items:center;height:38%;gap:50px;box-shadow:0 10px 15px #0000004d;background-image:url(/assets/pattern-bg-desktop-tWEft0Vv.png)}.App-header h1{color:#fff;margin-top:25px}.App-header .search{width:100%;display:flex;justify-content:center;align-items:center}.App-header .search input{width:30%;padding:15px;border-radius:30px 0 0 30px;outline:none;border:1px solid black;color:#969696}.App-header .search button{width:4%;height:100%;border-radius:0 30px 30px 0;color:#fff;background-color:#2b2b2b;border:none;font-size:20px;cursor:pointer}.App .ip-info{position:absolute;width:80%;height:150px;background-color:#fff;display:flex;gap:20px;padding:30px;top:25%;right:50%;transform:translate(50%);border-radius:20px;box-shadow:0 10px 15px #0003}.App .ip-info div{flex-basis:25%;position:relative;display:flex;flex-direction:column;gap:20px}.App .ip-info div:not(:first-child):before{content:"";position:absolute;left:-20px;width:1px;height:85%;background-color:#969696;margin-right:10px;top:50%;transform:translateY(-60%)}.App .ip-info h2{font-size:larger}.App .ip-info p{color:#969696}@media (max-width:650px){.App .ip-info h2{font-size:medium}.App .ip-info p{font-size:small}.App .ip-info div:not(:first-child):before{display:none}.App .ip-info{flex-direction:column;width:70%;height:fit-content}.App-header .search input{width:70%}.App .ip-info div,.App .ip-info{gap:10px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Rubik,sans-serif}body{background-color:#f0f0f0;overflow:hidden}