body, html {
    height: 100%;
    color: #273583;
    font-weight: bold;
    text-transform: uppercase;
  }

body{
    background-image: url('https://test.go.medvematek.hu/images/background.jpg');
    background-repeat: no-repeat;
    background-position: center;
}

#logo {
    width: 75%;
    margin: auto;
    margin-top: 40px;
}

.rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin: auto;
}

.rating input[type="radio"] {
    display: none;
}

input[type="text"], #message {
    border-radius: 15px;
  }

.rating label {
    display: inline-block;
    width: 45px;
    height: 45px;
    margin: 0 5px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.2  SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill-rule:evenodd%3Bclip-rule:evenodd%3Bfill:%23505050%3B%7D.st1%7Bfill-rule:evenodd%3Bclip-rule:evenodd%3Bfill:%23DBDBDB%3B%7D.st2%7Bfill-rule:evenodd%3Bclip-rule:evenodd%3Bfill:%233E3E3E%3B%7D.st3%7Bfill-rule:evenodd%3Bclip-rule:evenodd%3B%7D.st4%7Bfill-rule:evenodd%3Bclip-rule:evenodd%3Bfill:%23FFFFFF%3B%7D%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M6.5 22.57h86.57v63.94c0 7.4-6.07 13.45-13.49 13.45H19.99c-7.42 0-13.49-6.05-13.49-13.45V22.57z'/%3E%3Cpath class='st0' d='M6.5 38.97h26.7V10.05c0-5.55-4.55-10.09-10.12-10.09h-6.47C11.05-0.04 6.5 4.5 6.5 10.05V38.97z'/%3E%3Cpath class='st0' d='M66.37 44.85h26.7V15.93c0-5.55-4.55-10.09-10.12-10.09H74.8c-4.64 0-8.43 3.78-8.43 8.41V44.85z'/%3E%3Cpath class='st1' d='M79.71 15.56c3.09 0 6.39 13.79 5.94 14.75c-0.45 0.96-11.47 0.87-11.87 0C73.37 29.45 76.62 15.56 79.71 15.56'/%3E%3Cpath class='st1' d='M20.07 12.35c3.09 0 6.39 13.79 5.94 14.75c-0.45 0.96-11.47 0.87-11.87 0C13.74 26.23 16.98 12.35 20.07 12.35'/%3E%3Cpath class='st2' d='M84.83 64.51c0.48 0 0.87 1.76 0.87 3.93c0 2.17-0.39 3.93-0.87 3.93c-0.48 0-0.87-1.76-0.87-3.93C83.96 66.27 84.35 64.51 84.83 64.51'/%3E%3Cpath class='st2' d='M87.53 68.44c0.48 0 0.87 1.76 0.87 3.93c0 2.17-0.39 3.93-0.87 3.93c-0.48 0-0.87-1.76-0.87-3.93C86.67 70.2 87.05 68.44 87.53 68.44'/%3E%3Cpath class='st2' d='M83.09 73.81c0.48 0 0.87 1.76 0.87 3.93c0 2.17-0.39 3.93-0.87 3.93c-0.48 0-0.87-1.76-0.87-3.93C82.23 75.57 82.61 73.81 83.09 73.81'/%3E%3Cpath class='st2' d='M85.8 78.95c0.48 0 0.87 1.76 0.87 3.93c0 2.17-0.39 3.93-0.87 3.93c-0.48 0-0.87-1.76-0.87-3.93C84.93 80.71 85.32 78.95 85.8 78.95'/%3E%3Cpath class='st1' d='M49.77 39.33c8.11 0 16.76 50.3 15.57 53.8c-1.19 3.5-30.09 3.18-31.15 0C33.14 89.95 41.66 39.33 49.77 39.33'/%3E%3Cpath class='st3' d='M49.77 91.81c3.72 0 7.42-9.48 7.15-9.85c-0.27-0.38-14.02-0.38-14.3 0C42.35 82.33 46.05 91.81 49.77 91.81'/%3E%3Cpath class='st4' d='M61 48.44c4.45 0 8.06 3.6 8.06 8.03c0 4.44-3.61 8.03-8.06 8.03c-4.45 0-8.06-3.6-8.06-8.03C52.94 52.04 56.55 48.44 61 48.44'/%3E%3Cpath class='st3' d='M61 51.31c2.86 0 5.18 2.31 5.18 5.16c0 2.85-2.32 5.16-5.18 5.16c-2.86 0-5.18-2.31-5.18-5.16C55.83 53.62 58.14 51.31 61 51.31'/%3E%3Cpath class='st4' d='M38.44 48.44c4.45 0 8.06 3.6 8.06 8.03c0 4.44-3.61 8.03-8.06 8.03c-4.45 0-8.06-3.6-8.06-8.03C30.38 52.04 33.99 48.44 38.44 48.44'/%3E%3Cpath class='st3' d='M38.44 51.31c2.86 0 5.18 2.31 5.18 5.16c0 2.85-2.32 5.16-5.18 5.16c-2.86 0-5.18-2.31-5.18-5.16C33.26 53.62 35.58 51.31 38.44 51.31'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

.btn {
    background-color: #273583;
    border-radius: 15px;
    padding: 12px 30px 12px 30px;
}

.rating input[type="radio"]:checked ~ label {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.2  SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill-rule:evenodd%3Bclip-rule:evenodd%3Bfill:%230C61AA%3B%7D.st1%7Bfill-rule:evenodd%3Bclip-rule:evenodd%3Bfill:%23FCD59D%3B%7D.st2%7Bfill-rule:evenodd%3Bclip-rule:evenodd%3Bfill:%231F3F8F%3B%7D.st3%7Bfill-rule:evenodd%3Bclip-rule:evenodd%3B%7D.st4%7Bfill-rule:evenodd%3Bclip-rule:evenodd%3Bfill:%23FFFFFF%3B%7D%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M6.72 22.61h86.57v63.94c0 7.4-6.07 13.45-13.49 13.45H20.21c-7.42 0-13.49-6.05-13.49-13.45V22.61z'/%3E%3Cpath class='st0' d='M6.72 39.01h26.7V10.09C33.42 4.54 28.87 0 23.3 0h-6.47C11.27 0 6.72 4.54 6.72 10.09V39.01z'/%3E%3Cpath class='st0' d='M66.58 44.89h26.7V15.97c0-5.55-4.55-10.09-10.12-10.09h-8.15c-4.64 0-8.43 3.78-8.43 8.41V44.89z'/%3E%3Cpath class='st1' d='M79.93 15.6c3.09 0 6.39 13.79 5.94 14.75c-0.45 0.96-11.47 0.87-11.87 0C73.59 29.49 76.84 15.6 79.93 15.6'/%3E%3Cpath class='st1' d='M20.29 12.39c3.09 0 6.39 13.79 5.94 14.75c-0.45 0.96-11.47 0.87-11.87 0C13.95 26.27 17.2 12.39 20.29 12.39'/%3E%3Cpath class='st2' d='M85.04 64.55c0.48 0 0.87 1.76 0.87 3.93c0 2.17-0.39 3.93-0.87 3.93c-0.48 0-0.87-1.76-0.87-3.93C84.17 66.31 84.56 64.55 85.04 64.55'/%3E%3Cpath class='st2' d='M87.75 68.48c0.48 0 0.87 1.76 0.87 3.93c0 2.17-0.39 3.93-0.87 3.93c-0.48 0-0.87-1.76-0.87-3.93C86.88 70.24 87.27 68.48 87.75 68.48'/%3E%3Cpath class='st2' d='M83.31 73.85c0.48 0 0.87 1.76 0.87 3.93c0 2.17-0.39 3.93-0.87 3.93c-0.48 0-0.87-1.76-0.87-3.93C82.44 75.61 82.83 73.85 83.31 73.85'/%3E%3Cpath class='st2' d='M86.01 78.99c0.48 0 0.87 1.76 0.87 3.93c0 2.17-0.39 3.93-0.87 3.93c-0.48 0-0.87-1.76-0.87-3.93C85.15 80.75 85.53 78.99 86.01 78.99'/%3E%3Cpath class='st1' d='M49.98 39.37c8.11 0 16.76 50.3 15.57 53.8c-1.19 3.5-30.09 3.18-31.15 0C33.35 89.99 41.87 39.37 49.98 39.37'/%3E%3Cpath class='st3' d='M49.98 91.85c3.72 0 7.42-9.48 7.15-9.85c-0.27-0.38-14.02-0.38-14.3 0C42.56 82.37 46.26 91.85 49.98 91.85'/%3E%3Cpath class='st4' d='M61.22 48.48c4.45 0 8.06 3.6 8.06 8.03c0 4.44-3.61 8.03-8.06 8.03c-4.45 0-8.06-3.6-8.06-8.03C53.16 52.08 56.77 48.48 61.22 48.48'/%3E%3Cpath class='st3' d='M61.22 51.35c2.86 0 5.18 2.31 5.18 5.16c0 2.85-2.32 5.16-5.18 5.16c-2.86 0-5.18-2.31-5.18-5.16C56.04 53.66 58.36 51.35 61.22 51.35'/%3E%3Cpath class='st4' d='M38.65 48.48c4.45 0 8.06 3.6 8.06 8.03c0 4.44-3.61 8.03-8.06 8.03c-4.45 0-8.06-3.6-8.06-8.03C30.59 52.08 34.2 48.48 38.65 48.48'/%3E%3Cpath class='st3' d='M38.65 51.35c2.86 0 5.18 2.31 5.18 5.16c0 2.85-2.32 5.16-5.18 5.16c-2.86 0-5.18-2.31-5.18-5.16C33.47 53.66 35.79 51.35 38.65 51.35'/%3E%3C/g%3E%3C/svg%3E");
}