.homepage{flex-direction:row;justify-content:space-between;height:calc(100vh - 100px);color:#fff;padding:0 10vw;gap:50px;background-image:url(/img/homepage_bg.png);background-repeat:no-repeat;background-size:cover;background-position:0;border-bottom:5px solid var(--blue-color)}.homepage,.homepage__text{display:flex;align-items:center}.homepage__text{flex-direction:column;justify-content:center;width:400px;cursor:default;margin-bottom:50px}.homepage__text h1{font-size:65px;letter-spacing:-.03em;margin-bottom:25px}.homepage__text h1,.homepage__text p{font-family:Source Sans\ 3,sans-serif}.homepage__text p{font-size:25px;text-align:center;margin:0}.homepage__buttons{display:flex;flex-direction:row;width:400px;justify-content:center;gap:30px}.mainButton{font-family:Oswald,sans-serif;font-weight:700;font-size:20px;text-decoration:none;padding:15px;border-radius:10px;cursor:pointer;color:#fff;background:var(--blue-color);transition:background-color .2s ease-in-out,color .2s ease-in-out,transform .33s ease-in-out}.mainButton:hover{transform:scale(1.075);color:#fff;background-color:var(--blue-color)}.homepage__box{max-width:400px;background:#3d4bd290;border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:10px;font-family:Source Sans\ 3,sans-serif}.homepage__box img{width:75%;object-fit:contain;align-self:center}.homepage__box h1,.homepage__box h2{color:#fff}.homepage__box p:first-of-type{margin-top:10px}.homepage__box p{font-weight:500}.homepage__box a{color:#fff;font-weight:600;text-decoration:underline}@media screen and (max-width:1150px){.homepage{flex-direction:column;height:auto;gap:100px;padding:100px 0 50px}}@media screen and (max-width:600px){.homepage{justify-content:start}.homepage__text{margin-top:150px}.homepage__buttons,.homepage__text{width:100%}.homepage__text,.homepage__text p{justify-content:center;align-items:center;text-align:center}.mainButton:hover{transform:none}}@media screen and (max-width:500px){.homepage__text h1{font-size:50px}.homepage__text p{font-size:20px}.mainButton{padding:10px;font-size:18px}}@media screen and (max-width:350px){.homepage__buttons{gap:10px}.mainButton{text-align:center}}.medlem{padding:0 10px;margin:0 auto;font-size:16px;line-height:1.5;color:#fff;display:flex;justify-content:center;flex-direction:column;align-items:center;border-bottom:5px solid var(--blue-color);font-family:Source Sans\ 3,sans-serif}.medlem-section{max-width:800px;padding:2rem;font-size:1.1rem;text-align:center}.medlem-section .title{font-size:40px;color:var(--blue-color);font-weight:600;font-family:Oswald,sans-serif}.medlem-form{display:flex;flex-direction:column;margin-top:20px}.medlem-form input{padding:10px 8px;border-radius:5px;border:2px solid #fff;outline:none;background:none;color:#fff;font-family:Source Sans\ 3,sans-serif;transition:background-color .1s ease-in-out,border-color .1s ease-in-out;font-size:16px}.medlem-form input::placeholder{color:#fff}.medlem-form input:focus{border-color:var(--blue-color);background:#3d4bd250}.medlem-form label{font-size:16px;text-align:left}.medlem-form button,.medlem-form label{font-weight:600;color:#fff;font-family:Source Sans\ 3,sans-serif}.medlem-form button{padding:10px;border-radius:5px;border:2px solid #fff;outline:none;background:var(--blue-color);cursor:pointer;transition:background-color .1s ease-in-out;font-size:18px}.medlem-form button:focus,.medlem-form button:hover{background-color:var(--blue-hover-color)}.mobiler{padding:0 20px;margin:0 auto;font-size:16px;line-height:1.5;color:#fff;display:flex;justify-content:center;flex-direction:column;align-items:center;background:linear-gradient(180deg,var(--black-color) 0,var(--blue-color) 350%);border-bottom:5px solid var(--blue-color);font-family:Source Sans\ 3,sans-serif}.mobiler-section{max-width:800px;padding:2rem;font-size:1.1rem;text-align:center}.mobiler-section .table-container{padding:0 10%;margin:40px auto 0}.mobiler-section .table{width:100%;border-collapse:collapse}.mobiler-section .table thead{background-color:var(--blue-color)}.mobiler-section .table tr th{font-size:20px;padding:10px;vertical-align:top}.mobiler-section .table tbody tr td,.mobiler-section .table tr th{letter-spacing:.35px;color:#fff;border:1px solid #dee2e685;text-align:center;background:none}.mobiler-section .table tbody tr td{font-size:16px;font-weight:medium;padding:8px}.mobiler-section .title{font-size:50px}.mobiler-section h1,h2,h3,h4,h5,h6{color:var(--blue-color);font-weight:600;font-family:Oswald,sans-serif}@media screen and (max-width:768px){.mobiler-section{padding:1rem}}