.highlights-panel1, .highlights-panel2, .highlights-panel3 {
    border:solid 1px  var(--border-color);
}

.highlights-panel1 {
    width:210px;
    height:150px;
}

.highlights-panel2 {
    width:136px;
    height:97px;
}      
f
.highlights-panel3 {
    width:420px;
    height:300px;
}
.theme2 td, th {
    vertical-align:top;
}

.featured-section h2 {
    font-size:2em;
    font-weight:lighter;
    padding: 0 0 .2em;
}
.featured-section {
    width:25vw;
    margin:3vw;
    height:600px;
    display:inline-block;
    float:left;
}

.featured-image {
    width:100%;
}


.featured-section a {
    background-color:rgba(0,0,0,0);
    padding:.5em;
    border:solid 1px black;
    border-radius:.3em;
    margin:.5em;
}


#categories-container {
    padding:1em;
}

#categories-container p {
    float:right;margin-top:20px;margin-left:.2em;
}
       

.category {
    font-family:brotherhood;
    font-size:3em;
    margin:.1em;
    line-height:20px;
    color:black;
    padding:2vw;
    background-color:white;
    border:solid 1px  var(--border-color);
    display:inline-block;
}    



#projects::-webkit-scrollbar {
    display:block !important;
}

.category p, .category .material-icons {
    font-size:1em;
}

#highlights, #categories {
     background-size: cover;
}
#highlights {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='800' preserveAspectRatio='none' viewBox='0 0 1440 800'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1004%26quot%3b)' fill='none'%3e%3crect width='1440' height='800' x='0' y='0' fill='rgba(192%2c 227%2c 232%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c347.856C78.691%2c360.628%2c163.253%2c400.936%2c233.779%2c363.767C304.543%2c326.473%2c335.405%2c239.381%2c353.618%2c161.492C369.907%2c91.833%2c348.401%2c21.676%2c329.934%2c-47.437C313.433%2c-109.195%2c291.809%2c-168.352%2c252.101%2c-218.447C211.061%2c-270.222%2c162.787%2c-319.898%2c99.346%2c-338.343C35.975%2c-356.767%2c-27.932%2c-324.918%2c-93.659%2c-318.974C-178.836%2c-311.271%2c-278.758%2c-353.319%2c-344.181%2c-298.234C-408.58%2c-244.012%2c-405.341%2c-142.194%2c-403.581%2c-58.026C-402.003%2c17.436%2c-373.865%2c88.324%2c-334.747%2c152.874C-298.923%2c211.988%2c-249.344%2c260.258%2c-189.616%2c295.048C-131.75%2c328.754%2c-66.102%2c337.127%2c0%2c347.856' fill='%2382c7d1'%3e%3c/path%3e%3cpath d='M1440 1321.0900000000001C1550.304 1327.4650000000001 1670.9569999999999 1363.7350000000001 1764.337 1304.6779999999999 1857.799 1245.569 1886.263 1124.298 1918.452 1018.502 1947.284 923.74 1964.789 823.981 1939.75 728.147 1916.134 637.758 1833.912 580.992 1783.578 502.288 1722.246 406.386 1721.094 246.736 1611.71 215.20899999999995 1502.158 183.63300000000004 1419.121 325.578 1312.737 366.581 1218.613 402.858 1108.411 383.235 1025.75 441.05 931.2090000000001 507.174 820.662 595.548 820.419 710.918 820.171 828.486 966.2860000000001 887.62 1024.594 989.71 1075.44 1078.7359999999999 1058.749 1204.595 1138.895 1268.529 1220.189 1333.38 1336.181 1315.089 1440 1321.0900000000001' fill='%23feffff'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1004'%3e%3crect width='1440' height='800' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
}
#categories {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='800' preserveAspectRatio='none' viewBox='0 0 1440 800'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1001%26quot%3b)' fill='none'%3e%3crect width='1440' height='800' x='0' y='0' fill='rgba(192%2c 227%2c 232%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c494.957C129.447%2c531.694%2c254.393%2c636.246%2c382.566%2c595.284C511.189%2c554.178%2c616.091%2c424.494%2c637.613%2c291.188C658.793%2c159.998%2c523.181%2c58.234%2c490.048%2c-70.458C462.095%2c-179.028%2c509.23%2c-297.875%2c460.018%2c-398.608C403.507%2c-514.282%2c324.796%2c-655.922%2c196.888%2c-670.538C64.657%2c-685.648%2c-11.584%2c-511.164%2c-137.076%2c-466.836C-251.882%2c-426.283%2c-394.878%2c-499.414%2c-492.722%2c-426.946C-592.951%2c-352.711%2c-625.729%2c-215.972%2c-642.63%2c-92.396C-659.457%2c30.636%2c-662.345%2c169.118%2c-587.83%2c268.453C-515.645%2c364.683%2c-376.791%2c368.38%2c-264.541%2c411.633C-176.49%2c445.561%2c-90.777%2c469.194%2c0%2c494.957' fill='%2382c7d1'%3e%3c/path%3e%3cpath d='M1440 1403.885C1553.388 1403.088 1662.054 1354.2150000000001 1750.867 1283.719 1834.656 1217.211 1896.892 1124.306 1922.935 1020.549 1946.715 925.808 1891.982 833.137 1888.467 735.52 1884.367 621.663 1970.4560000000001 490.888 1900.621 400.869 1831.675 311.995 1686.656 358.339 1576.87 333.862 1476.272 311.433 1381.857 236.24300000000005 1282.328 263.02 1182.451 289.89 1118.964 386.118 1061.929 472.399 1010.2529999999999 550.573 991.6700000000001 641.1 971.8589999999999 732.692 950.546 831.229 914.855 930.361 941.865 1027.491 970.9680000000001 1132.1480000000001 1039.643 1222.622 1126.312 1288.109 1217.076 1356.691 1326.242 1404.685 1440 1403.885' fill='%23feffff'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1001'%3e%3crect width='1440' height='800' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
}
/* MOBILE VIEWPORT */ 
@media only screen and (max-width: 850px) {
    .featured-section { height:550px; }
    #highlights, #categories { width:105%; }
    #categories { margin-top: 550px; }
    #featured { height:1200px;  }
    #featured-section1, #featured-section2, #featured-section3 {  width:40%;   }
    #featured-section3 {  margin-left:30%;  }
}

@media only screen and (max-width: 550px) {
    #highlights div { margin-top:0 !important; }
    #highlights { margin-top:0px;height:360px; }
    #categories { height:450px;;margin-top:1100px;background-color:whitesmoke }
    #featured { height:1750px;  }
    svg { display:none; }
    #featured-section1, #featured-section2, #featured-section3 {  width:80%;margin-left:10%;   }
}

@media only screen and (max-width: 490px) {
    #categories { margin-top: 1080px; }
    #categories-container .material-icons { display:none; }
    .category { width:auto;padding:.28em; }

}