Update main.py

main.py

@@ -2,46 +2,41 @@ import streamlit as st
 
 st.set_page_config(layout="wide")
 
+import base64
+import streamlit as st
+import plotly.express as px
 
-video_html = """
-		<style>
-
-		#myVideo {
-		  position: fixed;
-		  right: 0;
-		  bottom: 0;
-		  min-width: 100%; 
-		  min-height: 100%;
-		}
-
-		.content {
-		  position: relative; /* Изменено на position: relative; */
-		  bottom: 0;
-		  background: rgba(0, 0, 0, 0.5);
-		  color: #f1f1f1;
-		  width: 100%;
-		  padding: 20px;
-		}
-
-		[data-testid="stToolbar"] {
-			right: 2rem;
-		}
-
-		div.css-d6uc01.e1tzin5v0 {
-			background-color: rgba(238, 238, 238, 0.5);
-			border: 10px solid #EEEEEE;
-			padding: 5% 5% 5% 10%;
-			border-radius: 5px;
-		}
-
-		</style>	
-		<video autoplay muted loop id="myVideo">
-		  <source src="https://rr3---sn-4g5lzned.googlevideo.com/videoplayback?expire=1686318246&ei=RtiCZL_LJ4qG0wWi-q2ABA&ip=105.159.16.112&id=o-AOAJbt9ylfg3BWZMsdKZubNSgPb7FKnzHtOhyHUBaNB9&itag=399&aitags=133%2C134%2C135%2C136%2C137%2C160%2C242%2C243%2C244%2C247%2C248%2C278%2C394%2C395%2C396%2C397%2C398%2C399&source=youtube&requiressl=yes&spc=qEK7B-DlqiFC8w9A0_wZEAuy2VNoH8aQQF7PvS46Jg&vprv=1&svpuc=1&mime=video%2Fmp4&ns=0bV_xi2-grokuOrfW7HWhzEN&gir=yes&clen=198203522&dur=3609.999&lmt=1630799721330343&keepalive=yes&fexp=24007246,24350018,24363392&beids=24350018&c=WEB&txp=5432434&n=SIN0JNcBsnwkbA&sparams=expire%2Cei%2Cip%2Cid%2Caitags%2Csource%2Crequiressl%2Cspc%2Cvprv%2Csvpuc%2Cmime%2Cns%2Cgir%2Cclen%2Cdur%2Clmt&sig=AOq0QJ8wRQIhANf3DgikAf72wBllOTCcdmhQwcGtQI7r5TZ3aj6uRu-yAiAetPGm-qTFuutDzSIT5XwX1IZV-hLf6C1mdw0PC8Yc9A%3D%3D&rm=sn-p5h-uobe7s,sn-p5h-gc5d7e&req_id=60bdf2eae0aea3ee&ipbypass=yes&cmsv=e&redirect_counter=3&cm2rm=sn-apne7s&cms_redirect=yes&mh=D8&mip=5.228.41.215&mm=34&mn=sn-4g5lzned&ms=ltu&mt=1686314208&mv=m&mvi=3&pl=21&lsparams=ipbypass,mh,mip,mm,mn,ms,mv,mvi,pl&lsig=AG3C_xAwRgIhAIwP6FZ6VyynM24jsT22ljrn1aIvmgSfGFWxV0UOZU9EAiEAl6i6I3G8_sSUKCVxSnX_-wnI0keUtlKLaxDE-l2es54%3D")>
-		  Your browser does not support HTML5 video.
-		</video>
-"""
+page_bg_img = f"""
+<style>
+[data-testid="stAppViewContainer"] > .main {{
+background-image: url("https://i.ibb.co/0m0ZYt6/books-assortment-with-dark-background.jpg");
+background-size: 130%;
+background-position: top left;
+background-repeat: no-repeat;
+background-attachment: local;
+}}
+
+
+[data-testid="stHeader"] {{
+background: rgba(1,1,1,1);
+}}
+
+[data-testid="stToolbar"] {{
+right: 2rem;
+}}
 
-st.markdown(video_html, unsafe_allow_html=True)
+div.css-1n76uvr.esravye0 {{
+background-color: rgba(238, 238, 238, 0.5);
+border: 10px solid #EEEEEE;
+padding: 5% 5% 5% 10%;
+border-radius: 5px;
+}}
+
+
+
+</style>
+"""
+st.markdown(page_bg_img, unsafe_allow_html=True)
 
 col1, col2, col3 = st.columns([3,5,2])