@import url(https://fonts.googleapis.com/css2?family=Lato&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{height:auto;line-height:1.6;overflow:auto;padding:10px 30px;width:100%}.header{background-color:initial;display:flex;font-size:1rem;justify-content:space-around;min-width:100%;opacity:.9;position:-webkit-sticky;position:sticky;top:0;z-index:1}.header.active{background-color:#c8847d;color:#000}.hamburger{color:"#4FD1C5";display:none}.nav-links{align-items:center;cursor:pointer;display:flex;justify-content:space-around;padding:10px}.nav-links a:hover{border-bottom:3px solid #fff;color:#add8e6}.nav-links a:active{color:#be0f0f}@media screen and (max-width:768px){.header{display:flex;font-size:15px;justify-content:space-around}.menu-toggle{display:block}.nav-links{display:flex;flex-direction:column;font-weight:700;height:200px;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}}@media screen and (min-width:769px){.nav-links{display:flex;flex-direction:row;font-size:20px;gap:16px;height:auto;justify-content:space-between}.menu-toggle{display:none}}.aboutparent{display:grid;padding:25px;place-items:center}.about{grid-gap:5rem;align-items:center;display:grid;font-family:Lato,sans-serif;font-size:20px;gap:5rem;grid-template-columns:600px 1fr;justify-content:center}h1{margin-bottom:10px}@media only screen and (max-width:600px){.about{font-size:17px;gap:2rem;grid-template-columns:1fr;padding:20px}}@media only screen and (min-width:601px) and (max-width:768px){.about{font-size:18px;grid-template-columns:400px 1fr}}@media only screen and (min-width:769px) and (max-width:992px){.about{font-size:19px;grid-template-columns:500px 1fr}}@media only screen and (min-width:993px){.about{font-size:20px;grid-template-columns:600px 1fr}}body{font-family:Arial,sans-serif;min-width:100%}.outercard{background-color:#f9f4f4;padding:25px;text-decoration:none}.innercard{grid-gap:25px;align-content:start;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-content:center;padding:20px}.project-cards{border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;padding:10px 20px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.project-cards:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.img-style{align-items:center;border-radius:8px;display:flex;height:210px;justify-content:center;margin:15px auto;max-width:210px;overflow:hidden}img{display:block;max-height:100%;max-width:100%}.project-title,.title{text-align:center}.button-class,.länkar{background-color:#dfa6a0;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 15px;text-decoration:none;transition:background-color .3s}.button-class:hover,.länkar:hover{background-color:#c8847d}.links{display:flex;font-weight:700;justify-content:space-between;margin-top:auto}.FaIcons{margin-left:10px}.description-text{font-size:15px;font-weight:600;margin-bottom:15px}@media screen and (max-width:768px){.description-text{font-size:12px}}@media screen and (min-width:769px){.img-style:hover{opacity:.9;-webkit-transform:scale(1.5);transform:scale(1.5);transition:opacity .3s}}body{align-items:center;background-color:bisque;display:flex;flex-direction:column;font-family:monospace}.form-parent{align-items:start;display:flex;flex:1 1;gap:40px;justify-content:space-evenly;margin:40px 0;width:100%}.contact-img{border-radius:15px;height:350px;object-fit:cover;width:350px}.write-h1{color:#5a5a5a;font-size:3rem;margin-bottom:40px;text-align:center;width:100%}.form{display:flex;flex-direction:column;font:1.4rem Arial,sans-serif;max-width:500px;width:100%}input,textarea{border:1px solid #ddb9b9;border-radius:10px;font-size:18px;margin:8px 0;outline:none;padding:7px;transition:border .3s ease;width:100%}input:focus,input:hover,textarea:focus,textarea:hover{border:3px solid #e2aba7}#submitmessage{color:#000}textarea{border-radius:5px;height:150px;resize:vertical}label{margin-top:1rem}.links-column{align-items:center;display:flex;flex-direction:column;gap:20px}.link-item{border:none;-webkit-filter:grayscale(100%);filter:grayscale(100%);transition:-webkit-filter .3s ease;transition:filter .3s ease;transition:filter .3s ease,-webkit-filter .3s ease}.link-item :hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.link-item img{border:none;-webkit-filter:grayscale(100%);filter:grayscale(100%);transition:-webkit-filter .3s ease;transition:filter .3s ease;transition:filter .3s ease,-webkit-filter .3s ease;width:50px}.link-item img:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}@media (max-width:768px){.contact-img{display:none}.write-h1{font-size:2rem;margin-top:10px}.form{margin:0 auto;max-width:300px}.links-column{align-items:center;display:flex;flex-direction:row;justify-content:center;top:0;width:100%}.form-parent{align-items:center;flex-direction:column;gap:20px}}@media (max-width:1024px){.contact-img{height:320px;width:320px}}.about-container{height:70vh;padding:15px 0;position:relative}.about-title{color:#321f51}.about-highlight-text{color:#d43725;font-size:1.4rem}.about-profile-pic{border-radius:50%;border-right:3px dashed #1a1919;border-top:2px solid #000}.about-short-info{font-size:17px;font-weight:600}@media screen and (max-width:599px){.about-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.about-profile-pic{height:300px;margin-top:60px;width:300px}}@media screen and (min-width:600px) and (max-width:830px){.about-container{align-items:center;display:flex;gap:79px;justify-content:center;padding:28px}.about-profile-pic{height:340px;width:340px}}@media screen and (min-width:831px){.about-container{grid-gap:14px;align-items:center;display:grid;gap:14px;grid-template-columns:1fr 1fr;justify-content:center}.about-profile-pic{height:370px;margin-left:30px;width:370px}.about-title{font-size:3rem;margin-bottom:5px;margin-left:100px;margin-top:50px}.about-highlight-text{font-size:30px;margin-left:100px;margin-top:5px}}#tsparticles{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}
/*# sourceMappingURL=main.429ae429.css.map*/