Added presentation text

This commit is contained in:
2025-03-03 23:18:36 +01:00
parent 2df20a7c5e
commit 6fb42278cf
2 changed files with 84 additions and 6 deletions

View File

@@ -1,7 +1,12 @@
* {
overflow-y: hidden;
overflow-x: hidden;
}
html, body{
background-color: #1E1E1E;
margin: 0;
overflow-x: hidden;
overflow-y: scroll !important;
}
h1,h2,h3,h4,h5,p{
@@ -48,6 +53,7 @@ h1,h2,h3,h4,h5,p{
#name_div_right_container{
display: flex;
flex-direction: column;
height: fit-content;
}
#welcome_text_div{
height: 100%;
@@ -58,7 +64,7 @@ h1,h2,h3,h4,h5,p{
}
#social_networks{
max-height: 100%;
height: fit-content;
display: flex;
flex-direction: row;
}
@@ -86,4 +92,57 @@ h1,h2,h3,h4,h5,p{
}
.intersection_content h2{
color: #1E1E1E !important;
}
.intersection_button_div{
margin-left: 30px;
background-color: #A58181;
height: 2.5em;
width: fit-content;
padding-left: 15px;
padding-right: 15px;
border-radius: 8px;
cursor: pointer;
}
.intersection_button_div p{
margin: 0;
margin-top: 0.75em; /* Half of parent height - Half of font size : 1.25 - 0.75*/
transform: translateY(-50%);
font-size: 1.5em;
text-decoration: none;
color: black;
}
#presentation_div{
width: 80vw;
margin: auto;
margin-top: 40px;
height: fit-content;
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding-bottom: 25px;
border-bottom: 2px solid #EAEAEA;
}
#presentation_text{
width: calc( 55% - 30px );
margin-left: 30px;
}
#presentation_text h1{
width: fit-content;
margin:auto;
margin-top: 5px;
}
#presentation_text article p{
width: fit-content;
margin:auto;
margin-top: 20px;
}
#presentation_img{
width: fit-content;
width: 40%;
min-width: 500px;
}
#presentation_img{
margin-left: auto;
margin-top: 20px;
}