2024-02-15 20:59:21 +00:00
|
|
|
canvas {
|
|
|
|
position: fixed;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
2024-05-06 20:22:57 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
body {
|
|
|
|
overflow-x: hidden;
|
|
|
|
overflow-y: scroll;
|
|
|
|
padding: 0;
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
#viewport {
|
|
|
|
position: fixed;
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
left: 0;
|
|
|
|
top: 0;
|
|
|
|
right: 0;
|
|
|
|
bottom: 0;
|
2024-05-11 18:01:22 +00:00
|
|
|
|
|
|
|
|
2024-05-06 20:22:57 +00:00
|
|
|
}
|
|
|
|
.page-wrapper {
|
|
|
|
padding: 0px;
|
|
|
|
margin: 12px 48px;
|
|
|
|
position: absolute;
|
|
|
|
left: 0;
|
|
|
|
top: 0;
|
|
|
|
width: calc(100% - 2*48px);
|
|
|
|
word-wrap: break-word;
|
2024-05-11 18:01:22 +00:00
|
|
|
display: grid;
|
|
|
|
grid-template-columns: repeat(1, 1fr);
|
|
|
|
}
|
2024-08-02 22:20:44 +00:00
|
|
|
|
2024-05-11 18:01:22 +00:00
|
|
|
|
|
|
|
header {
|
2024-08-02 22:20:44 +00:00
|
|
|
margin-top: 50px;
|
2024-05-12 00:59:23 +00:00
|
|
|
grid-column: 2 / 8;
|
2024-08-02 22:20:44 +00:00
|
|
|
background-color: rgb(77, 76, 76, 0.5);
|
2024-05-11 18:01:22 +00:00
|
|
|
border-radius: 10px;
|
|
|
|
padding: 10%;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#description {
|
|
|
|
margin-top: 50px;
|
|
|
|
grid-column: 2 / 8;
|
2024-08-02 22:20:44 +00:00
|
|
|
background-color: rgb(77, 76, 76, 0.5);
|
2024-05-11 18:01:22 +00:00
|
|
|
border-radius: 10px;
|
|
|
|
padding: 10%;
|
2024-05-06 20:35:29 +00:00
|
|
|
}
|
|
|
|
|
2024-05-11 18:01:22 +00:00
|
|
|
|
|
|
|
#projects {
|
|
|
|
margin-top: 100px;
|
|
|
|
grid-column: 2 / 8;
|
2024-08-02 22:20:44 +00:00
|
|
|
background-color: rgb(77, 76, 76, 0.5);
|
2024-05-11 18:01:22 +00:00
|
|
|
border-radius: 10px;
|
|
|
|
padding: 10%;
|
|
|
|
}
|
|
|
|
|
|
|
|
#jobs {
|
|
|
|
margin-top: 100px;
|
|
|
|
grid-column: 2 / 8;
|
2024-08-02 22:20:44 +00:00
|
|
|
background-color: rgb(77, 76, 76, 0.5);
|
2024-05-11 18:01:22 +00:00
|
|
|
border-radius: 10px;
|
|
|
|
padding: 10%;
|
|
|
|
}
|
|
|
|
|
|
|
|
#school {
|
|
|
|
margin-top: 100px;
|
|
|
|
grid-column: 2 / 8;
|
2024-08-02 22:20:44 +00:00
|
|
|
background-color: rgba(77, 76, 76, 0.5);
|
2024-05-11 18:01:22 +00:00
|
|
|
border-radius: 10px;
|
|
|
|
padding: 10%;
|
|
|
|
}
|
|
|
|
|
2024-08-02 22:20:44 +00:00
|
|
|
/* The navigation bar */
|
|
|
|
.navbar {
|
|
|
|
position: fixed; /* Set the navbar to fixed position */
|
|
|
|
overflow: hidden;
|
|
|
|
background-color: #333;
|
|
|
|
top: 0; /* Position the navbar at the top of the page */
|
|
|
|
left:0;
|
|
|
|
right: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Links inside the navbar */
|
|
|
|
.navbar a {
|
|
|
|
margin: 0px;
|
|
|
|
float: left;
|
|
|
|
display: block;
|
|
|
|
color: #f2f2f2;
|
|
|
|
text-align: left;
|
|
|
|
padding: 14px 16px;
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Change background on mouse-over */
|
|
|
|
.navbar a:hover {
|
|
|
|
background: #ddd;
|
|
|
|
color: black;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Main content */
|