*{box-sizing:border-box;margin:0;padding:0}.sidenav,body{background-color:white}.sidenav{height:100vh;width:306px;position:fixed;z-index:1;top:0;left:0;overflow-x:hidden;padding-top:150px}.sidenav a{padding:15px 0 0 80px;text-decoration:none;font-size:30px;color:#818181;display:block;letter-spacing:2px;word-spacing:5px}.sidenav a:hover{color:#f1f1f1}.myName{padding:70px 10px 6px 40px;position:fixed;z-index:1;top:0;left:0;background-color:white;overflow-x:hidden;font-size:50px;letter-spacing:2px;word-spacing:5px}.myName,.myName a{text-decoration:none;display:block}.myName a{color:#000000}.main{height:100%;margin-left:306px;margin-top:40px}.gallery-grid{column-count:3;column-gap:8px;padding:0 4px;margin-top:0}.gallery-item{page-break-inside:avoid;break-inside:avoid;cursor:pointer;display:block;margin-bottom:15px}.gallery-item img{width:100%;display:block;vertical-align:middle;transition:opacity .2s}.gallery-item img:hover{opacity:.9}.about-content{display:flex;align-items:center;gap:60px;padding:40px 60px}.aboutMePhoto{flex-shrink:0}.aboutMePhoto img{width:30vw;display:block}.aboutMeText{font-size:20px;letter-spacing:2px;word-spacing:5px;line-height:30px}.contact-content{max-width:600px;margin:40px 60px;display:flex;flex-direction:column;gap:32px}.contact-image img{width:40vw;margin:40px 60px;min-width:600px;display:block}.contact-intro{font-size:20px;letter-spacing:2px;word-spacing:5px;line-height:30px}.contact-socials{display:flex;flex-direction:column;gap:10px}.contact-socials a{font-size:20px;letter-spacing:2px;word-spacing:5px;color:#818181;text-decoration:none}.contact-socials a:hover{color:#f1f1f1}.contact-form{display:flex;flex-direction:column;gap:16px}.contact-form button,.contact-form input,.contact-form textarea{font-family:inherit}.contact-form input,.contact-form textarea{width:100%;padding:12px 0;font-size:18px;letter-spacing:2px;border:none;border-bottom:1px solid #818181;outline:none;background:transparent;color:#000}.contact-form textarea{min-height:120px;resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#818181}.contact-form button{align-self:flex-start;padding:10px 0;font-size:25px;letter-spacing:4px;word-spacing:5px;color:#818181;background:none;border:none;cursor:pointer}.contact-form button:hover{color:#000}.contact-feedback{font-size:18px;letter-spacing:2px;line-height:28px;color:#818181}.contact-error{color:#a00}@media screen and (max-width:1000px){.contact-content{margin:30px 40px}.contact-intro,.contact-socials a{font-size:17px}}@media screen and (max-width:500px){.contact-content{margin:24px 20px}.contact-intro,.contact-socials a{font-size:15px}}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:48px 32px;gap:48px 32px;padding:40px 48px}.project-card{text-decoration:none;color:inherit;display:block}.project-card-image{aspect-ratio:4/5;overflow:hidden;background-color:#f0f0f0}.project-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .4s}.project-card:hover .project-card-image img{opacity:.75}.project-card-title{margin-top:14px;font-size:15px;letter-spacing:3px;word-spacing:4px;color:#3a3a3a}.mainProject{height:100%;margin-left:306px;margin-top:200px}.projectTitle{margin-left:45vw;margin-top:1vw;position:absolute;z-index:1;top:0;left:0;background-color:white;overflow-x:hidden;font-size:3vw;padding-top:70px;text-decoration:none;display:block;letter-spacing:4px;word-spacing:4px;color:#3A3A3A}.curtainMenu{display:none}.overlay{height:0;width:100%;position:fixed;z-index:4;left:0;top:0;background-color:rgba(0,0,0,.9);overflow-x:hidden;transition:.5s;overflow:hidden}.overlay-content{position:relative;top:25%;width:100%;text-align:center;margin-top:30px}.overlay a{padding:8px;text-decoration:none;font-size:36px;color:#818181;display:block;transition:.3s}.overlay a:focus,.overlay a:hover{color:#f1f1f1}.closebtn{position:absolute;top:20px;right:45px;font-size:60px;background:none;border:none;cursor:pointer;color:#818181;line-height:1}.closebtn:hover{color:#f1f1f1}@media screen and (max-width:1000px){.main{margin-left:35vw;margin-top:5vw}.sidenav{width:30vw;padding-top:150px}.sidenav a{padding:15px 0 0 55px;font-size:3vw}.myName{padding:70px 5px 6px 30px;font-size:5vw}.gallery-grid{column-count:2;margin-top:10px}.about-content{flex-direction:column;align-items:center;gap:24px;padding:20px 30px}.aboutMePhoto img{width:100%}.aboutMeText{font-size:15px;text-align:center}.projects-grid{grid-template-columns:repeat(2,1fr);gap:36px 24px;padding:30px 32px}.ProjectTitles{margin-right:20vw;margin-left:40vw;font-size:24px;letter-spacing:1px;word-spacing:3px;line-height:100px}.mainProject{margin-left:30vw;margin-top:150px}.projectTitle{margin-left:48vw;margin-right:0}.contact-image img{width:95%;min-width:100px;margin-left:30px;margin-right:10px}}@media screen and (max-width:700px){.gallery-grid{column-count:2;margin-top:20px}.projects-grid{grid-template-columns:repeat(2,1fr);gap:28px 16px;padding:20px 24px}.ProjectTitles{margin-left:40vw;font-size:20px;letter-spacing:0;word-spacing:2px;line-height:90px}.about-content{flex-direction:column;align-items:center;gap:24px;padding:20px 30px}.aboutMePhoto img{width:100%}.aboutMeText{font-size:15px;text-align:center}.mainProject{margin-left:35vw;margin-top:130px}.projectTitle{margin-left:48vw;margin-right:0}.contact-image img{width:95%;min-width:100px;margin-left:30px;margin-right:10px}}@media screen and (max-width:500px){.sidenav{display:none}.curtainMenu{z-index:5;margin-top:0;margin-left:6vw;position:absolute}.curtainMenu,.myName{display:block;background-color:white}.myName{padding:0;margin-left:30%;margin-right:auto;width:50%;margin-top:40px;position:static}.myName a{font-size:8.3vw}.social-icons{margin-top:4px;margin-left:70vw;position:absolute}.social-icons li img{width:6vw;height:6vw;margin-top:-10px;position:absolute}.main{margin-top:40px;width:100%;margin-left:0;position:relative}.gallery-grid{column-count:2;margin-top:0}.about-content{padding:20px}.aboutMeText{font-size:16px;margin-bottom:40px}.contact-image img{width:95%;min-width:100px;margin-left:9.5px;margin-right:10px}.projects-grid{grid-template-columns:repeat(2,1fr);gap:20px 12px;padding:16px}.project-card-title{font-size:11px;letter-spacing:2px;margin-top:10px}.ProjectTitles{margin-left:30vw;font-size:4.5vw;letter-spacing:0;word-spacing:2px;line-height:80px}.mainProject{margin-top:60px;width:100%;margin-left:0;position:relative}.projectTitle{margin-top:-30px;margin-left:30vw;background-color:white;padding-top:0;font-size:4vw}}@media screen and (max-width:374px){.ProjectTitles{font-size:13px;line-height:70px}.myName a{font-size:6.9vw;margin-left:5vw}}@media screen and (max-height:450px){.sidenav{padding-top:15px}.sidenav a{font-size:18px}.overlay{overflow-y:auto}.overlay a{font-size:20px}.overlay .closebtn{font-size:40px;top:15px;right:35px}}@media screen and (max-height:500px){.sidenav{width:306px;padding-top:150px}.sidenav a{padding:15px 0 0 80px;font-size:30px}}