html{background-image:linear-gradient(to bottom,#000000e3,#000000e3,#000000e3,#000000d9);font-family:Cormorant Garamond,serif;color:#dedede}header{position:fixed;top:0;left:0;display:inline-flex;flex-wrap:wrap;justify-content:flex-end;width:100%;align-items:baseline;background-color:#000000e3}.navigation{display:flex}.navigation ul{display:inline-flex;min-width:60%;justify-content:space-evenly;list-style-type:none}.navigation li{font-size:1.3em}.navigation a{text-decoration:none;color:#adadad;padding:.4em 1em}.navigation a:hover{border-radius:5%;background-color:#8000809f;padding:.4em 1em}main{width:100%;height:auto}.landing{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding-top:10%;padding-right:2%;gap:2%;text-align:end}.landing p{grid-column:3/span 2;text-align:center;border:auto}.title{display:flex;grid-column:1/span 2;grid-row:1/span 2;flex-wrap:wrap;justify-content:flex-end;align-content:center;margin-right:1%;padding-right:5%;letter-spacing:.5em}.title h1{font-size:4em;margin-bottom:0;display:inline-flex;justify-content:flex-end}.title h2{font-size:2em;justify-content:flex-end;margin-top:auto;letter-spacing:.18em}#detection{border:solid grey;grid-column:3/span 2;grid-row:1/span 2;display:grid;flex-wrap:wrap;width:100%;height:500px;border-radius:5%;background-color:#0000001a;position:relative}#dot{position:absolute;display:block;height:30px;width:30px;background-color:#8000809f;border-radius:50%}h2{display:flex;justify-content:center;width:100%;font-family:Cormorant Garamond,serif;font-size:2rem;letter-spacing:.4em}h3{display:flex;width:100%;justify-content:center;font-size:1.5em;letter-spacing:.3em;text-decoration:underline}h4{font-style:italic;font-weight:400;font-size:1.5em}#About{margin-top:8%;padding:5% 10% 10%;font-family:Cormorant Garamond,serif;text-align:justify;text-justify:inter-character;line-height:1.5em;font-size:1.6em}#Compositions{display:flex;flex-wrap:wrap;margin-top:8%;left:0;width:100%;padding-top:5%;padding-bottom:10%;box-sizing:border-box}iframe{display:flex;align-self:center;width:60%;margin-left:1%;height:auto}.collection{height:80%}.piece{display:inline-flex;flex-wrap:nowrap;width:100%;justify-content:space-between;margin-top:2%;padding-right:3%}.piece_info{display:inline;justify-content:center;margin-left:8%;margin-right:8%;padding:6%;text-align:center}hr{border-style:dashed}.documents_list{font-size:1.3em;letter-spacing:.1em}.item_cited{color:#c500c5;font-style:italic;font-weight:800}#Sound_Design{padding-top:5%;padding-bottom:10%}#Writings{padding:5% 10% 10%}#Other_Works{display:grid;grid-template-columns:1fr 1fr 1fr;padding-top:5%;padding-bottom:10%;margin-bottom:0}#Other_Works h2{display:grid;grid-column:1/span 3}.work{display:inline-flex;flex-wrap:wrap;justify-content:center;height:auto;margin:10%;grid-column-start:2}.video{width:100%;height:100%;border-radius:5%}footer{margin-top:0;width:100%;min-width:150px}#Contact{display:inline-flex;flex-wrap:wrap;justify-content:center;width:100%;margin-top:0;padding-top:0;margin-bottom:7%}#Contact .container{display:inline-flex;justify-content:space-evenly;width:60%;padding:2%;align-content:center}.icon{padding:3em}#Contact h2{width:100%;margin-top:8%}#Contact .fas,#Contact .fab{color:#dedede;font-size:1.6em}#Contact .fab:hover,#Contact .fas:hover{color:#c500c5}@media only screen and (orientation: portrait){.navigation{display:none}.landing{display:flex;flex-wrap:wrap;width:auto}.title{text-align:center;margin:auto auto 2em}.canvas{margin:auto;padding:auto;width:auto}.piece{height:100%;flex-wrap:wrap;justify-content:center;padding-right:0%;margin-bottom:10%;margin-top:10%}.piece_info{margin:auto;align-self:start;padding-top:0}iframe{width:100%;height:100%;margin:0}.collection{height:21.5em}h4{margin-top:0}#Writings h3{text-align:center}#Other_Works{display:block}#Contact{display:block;line-height:5em}#Contact .container{display:inline;margin:0%;padding:0}#Contact .fab{padding:0%;margin:0}}