/* EOS - Welcome*/ .welcome { /*background: url("image/background.webp");*/ min-height: calc(100vh - 70px); background-size: cover; /*background-position: center;*/ text-align: center; } h2 { color: #734f96; margin-top: 50px; margin-bottom: 50px; } p { margin: 10px; } p { text-align: left; } /* About sekce */ .about-section { margin: 45px 0; } .about-section-wrapper { width: 65%; margin: 0 auto; display: flex; gap: 20px; } .about-text { flex: 1; } .about-img { flex: 1; } img { width: 100%; height: 100%; object-fit: cover; } @media (max-width: 768px) { .about-section-wrapper { flex-direction: column; width: 90%; margin: 0 auto; } .about-text { text-align: left; } .about-img { text-align: center; } .about-text-p { padding-top: 15px; } } footer { text-align: center; margin-top: 20px; margin-bottom: 20px; } /* Go to go */ #scrollToTopBtn { display: none; position: fixed; bottom: 20px; right: 20px; /*butoon přes obsah*/ z-index: 99; outline: none; cursor: pointer; padding: 15px; border-radius: 50%; background-color: transparent; } /* Různé - extra css */ h1 { color: #734f96; margin-top: 50px; font-size: 50px; } h2 a { color: #734f96; } h3 { color: #734f96; } img { width: 40%; } code { background-color: aliceblue; } /* CodeBox */ .code-box { position: relative; width: 500px; height: auto; border: 1px solid #734f96; padding: 5px; overflow: auto; background-color: #313131; color: yellowgreen; margin: auto; text-align: left; } #copy-button { position: absolute; top: 10px; right: 10px; cursor: pointer; color: whitesmoke; background-color: transparent; border: 1px solid #734f96; }