:root{--primary-color: #F2EFE4;--secondary-color: #000000;--third-color: #FFFFFF;--accent-color: #f1c730;font-size:14px;font-family:Poppins}*{box-sizing:border-box}body{background-color:var(--primary-color);height:100vh;padding:60px 70px;margin:0}#root{height:100%;margin:0}.App{align-items:center;display:flex;flex-direction:column;height:100%;margin:0}header{align-items:center;border:solid 3.5px black;display:flex;width:100%}.header-text{align-items:center;border:solid 3px var(--secondary-color);display:flex;flex:1;font-size:1.43rem;font-weight:700;gap:30px;height:76px;justify-content:center;letter-spacing:.1em;padding:0;text-align:center;width:100%}.search-bar{align-items:center;border:solid 3.5px var(--secondary-color);display:flex;height:76px;padding:0 50px;width:450px}.search{background-color:transparent;border:none;color:var(--secondary-color);font-size:1.43rem;font-weight:700;letter-spacing:.09em;outline:none}.search span{font-weight:400;letter-spacing:0}.logo{fill:var(--accent-color);height:244px;margin:30px}main{display:flex;flex-grow:1;gap:70px;flex-direction:row;padding:40px;align-items:center;flex-wrap:wrap;width:100%}.content-container{display:flex;flex-direction:column;flex:2}h1.rubrik{font-size:4.5rem;font-weight:800;letter-spacing:.4em;margin:0;padding:0;text-transform:uppercase}h2{font-size:3rem;font-weight:700;letter-spacing:.11em;margin:0;padding:0;text-transform:uppercase}.text-btn-conatiner{align-items:center;display:flex;gap:10px;justify-content:space-between;margin:50px 0;width:100%}.text-content-container{width:100%}p.text-content{align-items:center;display:flex;font-size:1.71rem;font-weight:700;letter-spacing:.19em;margin:0;text-align:start;width:fit-content}.text-content.rubrik{color:var(--accent-color);font-weight:700;text-transform:uppercase}.btn-container{display:flex;gap:20px}.btn{background-color:var(--secondary-color);color:var(--third-color);cursor:pointer;font-size:1.21rem;font-weight:700;height:62px;letter-spacing:.42em;padding:10px;width:240px}.btn:hover{background-color:var(--accent-color);border:none}.pattern-container{width:100%;height:287px}.pattern{height:287px;max-inline-size:100%;object-fit:cover;width:100%}.pattern-tablet{display:none}@media (max-width: 1450px){body{padding:30px 35px}main{gap:50px;padding:10px}.header-text,.search{letter-spacing:.4rem;font-size:1.2rem;gap:5px}.search-bar{width:fit-content;padding:20px}.logo{margin:0;width:234px}h1.rubrik{font-size:3rem;letter-spacing:1.5rem}.text-btn-conatiner{flex-direction:column;justify-content:flex-start}p.text-content,.btn-container{width:100%;min-width:100%}}@media (max-width: 1100px){body{padding:0;margin:0}.App{align-items:flex-end}.logo{height:140px;left:50%;padding:0;position:absolute;top:45px;transform:translate(-50%)}header:after,header:before{background-color:var(--secondary-color);content:"";height:20px;position:absolute;top:105px;width:20px}header:before{right:30px}header:after{left:30px}header{align-items:flex-end;border:none;flex-direction:column}.header-text{background-color:var(--secondary-color);color:var(--third-color);margin-top:230px;width:100%}.header-text span{height:76px;display:flex;align-items:center}.search-bar{align-items:center;border:solid 7px var(--secondary-color);box-sizing:border-box;display:flex;margin:30px;padding:10px;width:calc(55% - 60px)}main{align-content:flex-start;padding-right:30px;width:calc(55% - 30px)}.content-container{height:100%;margin:0}p.text-content{font-size:1rem}h1.rubrik{font-size:2rem;letter-spacing:.7rem}h2{font-size:1.2rem;letter-spacing:.4rem}.text-btn-conatiner{flex-grow:1;justify-content:space-between;margin:30px 0}.btn-container{flex-direction:column}.btn{width:100%}.pattern{display:none}.pattern-tablet{display:flex;height:calc(100vh - 330.5px);left:-1px;max-inline-size:100%;object-fit:cover;position:absolute;top:342px;width:calc(45% + 1px)}@media (max-width: 630px){.pattern-tablet{height:200px;margin-top:40px;position:unset;width:100vw}header{justify-content:center}.header-text{padding:10px 40px;gap:0;display:grid;grid-template:1fr / 2fr 1fr 2fr 1fr}.header-text span{display:flex;justify-content:center;height:25px}h1.rubrik{font-size:1.5rem;letter-spacing:.2rem}.search-bar{margin:30px 10px;width:calc(100% - 20px)}.search,.header-text{font-size:1.1rem;letter-spacing:.1rem}main{width:100%;padding:0}.content-container{margin:10px;text-align:center}.text-btn-conatiner{margin:30px 0 10px}.text-content{justify-content:center}}}@font-face{font-family:Poppins;src:url(/assets/poppins-light-webfont-d1451560.woff) format("truetype");src:url(/assets/poppins-light-webfont-97070636.woff2) format("truetype");font-weight:300;font-style:light}@font-face{font-family:Poppins;src:url(/assets/poppins-regular-webfont-2893107b.woff) format("truetype");src:url(/assets/poppins-regular-webfont-c9b6b5b4.woff2) format("truetype");font-weight:400;font-style:regular}@font-face{font-family:Poppins;src:url(/assets/poppins-medium-webfont-e9af81e6.woff) format("truetype");src:url(/assets/poppins-medium-webfont-adf23177.woff2) format("truetype");font-weight:500;font-style:medium}@font-face{font-family:Poppins;src:url(/assets/poppins-semibold-webfont-c1fd4acf.woff) format("truetype");src:url(/assets/poppins-semibold-webfont-9f16f5ec.woff2) format("truetype");font-weight:600;font-style:semibold}@font-face{font-family:Poppins;src:url(/assets/poppins-bold-webfont-cb1c0ea3.woff) format("truetype");src:url(/assets/poppins-bold-webfont-599872ea.woff2) format("truetype");font-weight:700;font-style:bold}@font-face{font-family:Poppins;src:url(/assets/poppins-extrabold-webfont-d8927bc0.woff) format("truetype");src:url(/assets/poppins-extrabold-webfont-406d9fed.woff2) format("truetype");font-weight:900;font-style:extrabold}