@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');:root{--primary-color:rgb(241,243,241);--secondary-color:rgb(36,152,12);--font-color:rgb(51,239,14)}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}body,html{height:100%;font-size:16px;font-family:"Rubik",Arial,sans-serif;color:rgb(244,242,242)}.slideshow{position:fixed;width:100%;height:100vh;background-image:url('../img/Jeans.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;background-attachement:fixed;animation:slideshow 30s linear infinite;z-index:-2}@keyframes slideshow{0%{background-image:url('../img/Jeans.jpg')}20%{background-image:url('../img/Clothes.jpg')}40%{background-image:url('../img/Wool_fleece.jpg')}60%{background-image:url('../img/Yarn_cone.jpg')}80%{background-image:url('../img/Textile.jpg')}100%{background-image:url('../img/Jeans.jpg')}}.slide img{max-width:100%;height:auto}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.1);z-index:-1}header{padding:.8rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;z-index:1}header img{max-width:60%;height:auto;display:block}header .email-icon{font-size:3rem;color:rgb(244,247,244)}header a:hover{color:rgb(43,203,11)}header a:active{color:rgb(203,11,126)}.intro{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 8.5rem);color:white;gap:1rem}.intro-left,.intro-right{width:92%;font-size:clamp(1rem,2.4vw,1.8rem);line-height:clamp(1rem,2.5vw,2.4rem)}.highlight-first-letter::first-letter{font-size:calc(clamp(1rem,2.4vw,1.8rem) + 1rem);font-weight:bold}.intro-left .highlight-first-letter::first-letter{color:red}.intro-right .highlight-first-letter::first-letter{color:rgb(0,255,0)}.intro-left{text-align:justify;padding:20px}.intro-right{padding:20px;text-align:center;background:rgba(6,34,146,.5);border-radius:8px;box-shadow:1rem 1rem 1rem rgba(24,24,24,.5)}@media (min-width:768px){header img{max-width:100%}.intro{padding:1rem;flex-direction:row;justify-content:stretch;align-items:center;gap:2rem}.intro-left{width:54%}.intro-right{width:42%}}