body {
    font-size: 14px;
    font-family: monospace;
}
.portrait {
  width: 100%;
}

.first{	
    width: 70%;
    float:left; /* add this */
    padding:50px;
    padding-bottom:0px;
    padding-top:20px;
    /* border: 1px solid red; */
}

.second {
    /* border: 1px solid green; */
    overflow: hidden; /* if you don't want #second to wrap below #first */
    width: 30%;
    min-width: 150px;
}

.fileicon {
    height: 25px;
    position:relative;
    top:-2px;
}
.linkicon {
    height: 35px;
}

.youtubevideo {
    width: 200px;
    height: 130px;
    float:left;
}

.element {
    /* border: 1px solid cyan; */
    padding:20px;
}

.textfirst{	
/*	font-size: 1.25rem;*/
    font-weight: 300;
    width: 70%;
    float:left; /* add this */
    padding-right:50px;
    /* border: 1px solid red; */
}

.textsecond {
    /* border: 1px solid green; */
    overflow: hidden; /* if you don't want #second to wrap below #first */
    width: 30%;
    float:left;
    padding-right:2%;
}

.separator {
    display: flex;
    align-items: center;
    width: 800px;
    text-align: center;
    margin: 20px 0;
    margin-top: 40px;
}
.separator-line {
    flex-grow: 1;
    height: 2px;
    width: 250px;
    background-color: #000;
}
.separator img {
    padding: 0 10px;
}

.centered-div {
  display: block; /* Ensures the div is a block-level element */
  margin-left: auto; /* Centers the div by setting the left margin to auto */
  margin-right: auto; /* Centers the div by setting the right margin to auto */
  width: 800px; /* Fixed width; adjust this value to your preference */
  margin-top:60px;  
}

.palatino {
    font-family: 'Palatino Linotype';
}

table {
    border-collapse: collapse;
    width: 100%;
}
td {
vertical-align: middle; /* Vertically center text in all cells */
    padding: 10px; /* Add some padding for aesthetics */
    padding-bottom:30px;
}
#worktable td:first-child { /* Target only the first cell in each row */
    text-align: left; /* Horizontally center text */
    width: 10%; /* Set width to 30% of the table */
}
#worktable td:nth-child(1) {
    width: 12%; /* Set width to 30% of the table */
}
#worktable td:nth-child(2) {
    width: 10%; /* Set width to 30% of the table */
}
#worktable td:nth-child(3) {
    width: 60%; /* Set width to 30% of the table */
}
#worktable td:last-child { /* Target only the last cell in each row */
text-align: left; /* Horizontally left-align text */
}


#teachingtable td:first-child { /* Target only the first cell in each row */
    text-align: center; /* Horizontally center text */
    text-align: left; /* Horizontally center text */
    width: 35%; /* Set width to 30% of the table */
}
#teachingtable td:last-child { /* Target only the last cell in each row */
    text-align: left; /* Horizontally left-align text */
    width: 60%; /* Set width to 30% of the table */
}


#resourcestable td:first-child { /* Target only the first cell in each row */
    text-align: center; /* Horizontally center text */
    text-align: left; /* Horizontally center text */
    width: 5%; /* Set width to 30% of the table */
}
#resourcestable td:last-child { /* Target only the last cell in each row */
    text-align: left; /* Horizontally left-align text */
    width: 95%; /* Set width to 30% of the table */
}