*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color: #fff7ec;--main-color: #272727;--main-font: "Courier New", Courier, monospace;--title-font: "Jacquard 12"}.retroUi{border:2px solid var(--main-color);box-shadow:4px 4px 0 0 var(--main-color);padding:1rem}.retroUi:focus{outline:none;transform:translate(3px,3px);box-shadow:2px 2px 0 0 var(--main-color)}main{display:flex;flex-direction:column;min-height:80vh;justify-content:center}body{background-color:var(--bg-color)}nav{font-family:var(--title-font);font-size:54px;width:100%;display:flex;justify-content:space-evenly;margin-top:2rem}nav a{font-weight:400;text-decoration:none;color:var(--main-color)}.hover{transition:.3s linear}.hover:hover{transform:translate(3px,3px)}@keyframes hoverAnim{to{transform:translate(3px,3px)}}@media (max-width: 800px){nav{font-size:40px}}@media (max-width: 550px){nav{flex-direction:column;align-items:center;gap:1rem;margin-top:0}}.activeNav{position:relative;animation:hoverAnim .2s linear reverse}.activeNav:before{left:-30px;top:12px;position:absolute;display:block;content:"💜";font-size:20px;animation:x 1s infinite alternate linear}@media (max-width: 800px){.activeNav:before{top:5px}}@media (max-width: 550px){.activeNav:before{top:7px;font-size:12px}}@keyframes x{0%{opacity:1}59.9%{opacity:1}60%{opacity:0}to{opacity:0}}#contact-form{justify-self:center;align-self:center;width:clamp(800px,70%,1000px);flex:0 1 auto;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto auto auto auto;gap:1rem;font-family:var(--main-font);grid-template-areas:"a b" "c d" "e e" "x f"}#contact-form .phrase{grid-area:c;place-self:center}#contact-form .name{grid-area:b}#contact-form .email{grid-area:d}#contact-form .textarea{grid-area:e;height:15rem}#contact-form .submitbtn{grid-area:f;place-self:end;width:fit-content;height:fit-content;font-size:22px}#contact-form input,#contact-form textarea,#contact-form button{background-color:var(--bg-color);font-family:var(--main-font);transition:.1s ease-in}.homeText{font-family:var(--main-font);align-self:center}.project-container{position:relative;align-self:center;font-family:var(--main-font);display:grid;width:580px;height:fit-content;padding:20px;gap:20px;grid-template-columns:1fr 1fr;grid-template-rows:auto 100px auto auto auto;grid-template-areas:"a a" "b b" "c c" "d e" "d f"}.project-container img{height:300px;grid-area:c;justify-self:center}.project-container .projectTitle{grid-area:a;justify-self:center;font-weight:700}.project-container .projectDes{grid-area:b;justify-self:center}.project-container .firstBtn{grid-area:e}.project-container .secondBtn{grid-area:f}.project-container a{width:fit-content;text-align:right;text-decoration:none;height:fit-content;justify-self:end;color:var(--main-color)}.arrows{width:50px;position:absolute;cursor:pointer}.arrow-left{left:-20%}.arrow-right{right:-20%}@media (max-width: 950px){.project-container{width:500px}.project-container img{height:250px}}@media (max-width: 570px){.project-container{width:390px}.project-container img{height:200px}.project-container .arrow-left{left:20%;top:-310px}.project-container .arrow-right{right:20%;top:-310px}}.about{display:flex;justify-content:center;align-items:center;font-family:var(--main-font)}