body{
            background:#313ddf;
            font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;
        }

        .main-container {
            min-height: calc(100vh - 100px);
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .search-box{

            width:100%;
            max-width:800px;

            text-align:center;
        }

        h1{

            font-size:64px;
            font-weight:700;
            color:#FFFFFF;
        }

        .subtitle{

            color:#e8eaff;
            margin-bottom:40px;
            font-size:20px;
        }

        .translation-direction {
            color: #ffffff;
        }

        .search-input{

            border-radius:50px;
            padding:18px 28px;
            font-size:20px;

            border:none;

            box-shadow:0 6px 20px rgba(0,0,0,.12);
        }

        .search-input:focus{

            box-shadow:0 6px 20px rgba(0,0,0,.25);
            outline:none;
        }

        .btn-search{

            margin-top:25px;

            border-radius:40px;

            padding:12px 40px;

            font-size:20px;
        }

        .result-card{

            margin-top:50px;

            background:white;

            border-radius:20px;

            padding:30px;

            box-shadow:0 10px 30px rgba(0,0,0,.12);

            text-align:left;
        }

        a{

            text-decoration:none;
        }

        a:hover{

            text-decoration:underline;
        }
        .footer {
            margin: 30px 25px 20px 0;
            text-align: right;
            font-size: 14px;
            color: #ffffff;
            line-height: 1.7;
        }

        .footer a {
            color: #000;
            text-decoration: none;
        }

        .footer a:hover {
            color: #0d6efd;
            text-decoration: underline;
        }