:root{background-color:#f3e6de;color:#7d5b3f;font-size:16px;font-family:Arial,Helvetica,sans-serif}@font-face{font-family:myFont1;src:url(/dragon-slayer.regular.ttf)}@font-face{font-family:myFont2;src:url(/adventuring.regular.ttf)}body{padding:0;margin:0}.firstsection{width:95%;margin-left:50%;transform:translate(-50%);border:3px solid #d2c9bb;box-shadow:2px 2px 2px gray;height:95vh;margin-top:2.5vh;display:grid;grid-template-columns:65% 35%;margin-bottom:50px}.firstsection-img{grid-row-start:1;grid-row-end:3;grid-column-start:2}.firstsection-text{display:flex;align-items:center}.firstsection h1{font-size:7em;font-family:myFont1;display:flex;align-items:end}.firstsection h1,.firstsection p{margin:0;padding:0 20px}.firstsection h1{margin-bottom:20px}.content .firstsection .firstsection-text>div{display:flex;flex-direction:column;gap:40px;transform:translateY(-15%);padding-left:25px;padding-right:25px;max-width:100%}.firstsection-img{display:flex;align-items:center;justify-content:center}.firstsection-img img{width:80%}.firstsection p{font-family:myFont2;font-size:1.1em;align-content:center}.firstsection p b{color:#7d5b3f}.end{display:flex;align-items:center;justify-content:center;height:40px}.end a{width:max-content;height:100%}.end img{height:100%;width:100%;transition:5s}.end img:hover{transform:rotate(3600deg)}@media screen and (max-width:530px){.firstsection-img{grid-column-start:1;grid-column-end:3;grid-row-start:2;grid-row-end:3}.firstsection-img img{width:50%}.firstsection p{grid-column-start:1;grid-column-end:3}}@font-face{font-family:myFont1;src:url(/dragon-slayer.regular.ttf)}@font-face{font-family:myFont2;src:url(/adventuring.regular.ttf)}.content .about-paragraph{color:#5c5954}.secondsection{width:95%;margin-left:50%;transform:translate(-50%);border:3px solid #d2c9bb;box-shadow:2px 2px 2px gray;margin-top:2.5vh;margin-bottom:50px}.secondsection-text{margin-bottom:55px}.secondsection .secondsection-text h1{font-family:myFont1;font-size:3.5em;display:flex;justify-content:center;margin:15px;text-decoration:underline}.secondsection .secondsection-text div{font-family:myFont2;color:#5c5954;display:flex;justify-content:center;font-size:1.1em;margin-left:50%;transform:translate(-50%)}.secondsection-projects-cadre{width:90%;margin-left:50%;transform:translate(-50%);margin-bottom:30px}.secondsection-projects{display:grid;grid-template-columns:1fr 1fr;column-gap:80px;row-gap:80px}.secondsection-projects .project{border:3px solid #e0b744;box-shadow:2px 2px 2px 2px gray;border-radius:20px;min-height:400px;padding:26px;font-family:myFont2}.secondsection-projects .project>div{display:grid;grid-template-columns:1fr;grid-template-rows:30vh 1fr;border-radius:20px;overflow:hidden;transition:all .7s;border:2px solid #bbb7b0;box-shadow:2px 2px 2px gray;padding:10px}.secondsection-projects .project>div:hover{transform:scale(1.15)}.project-content{border-bottom-right-radius:20px;border-bottom-left-radius:20px}.project-content p{color:#5c5954;font-size:.85em;margin-bottom:20px}.project .project-img img{height:100%;width:100%;border-top-left-radius:20px;border-top-right-radius:20px}.projectlinks{display:flex;height:40px;gap:20px}.projectlinks img{height:100%;width:100%;transition:all .3s}.projectlinks img:hover{opacity:.7;background-color:#bbb7b0;border-radius:50%}@font-face{font-family:myFont1;src:url(/dragon-slayer.regular.ttf)}@font-face{font-family:myFont2;src:url(/adventuring.regular.ttf)}.thirdsection{width:95%;margin-left:50%;transform:translate(-50%);border:3px solid #d2c9bb;box-shadow:2px 2px 2px gray;margin-top:2.5vh;margin-bottom:2.5vh}.thirdsection h1{font-family:myFont1;margin-bottom:35px;text-decoration:underline;font-size:3.5em}.thirdsection .contacts{display:flex;height:max-content;gap:30px;flex-wrap:wrap;width:100%}.thirdsection .contacts img{height:60px;width:60px;border:3px solid rgb(243,176,43);border-radius:50%;box-shadow:#8b8e94b3 0 0 2px 2px;transition:all .5s}.thirdsection .contacts img:hover{transform:rotate(360deg)}@media screen and (max-width:860px){.firstsection{grid-template-columns:55% 45%}.firstsection h1{grid-column-start:1;grid-column-end:3;justify-content:center;align-items:center}.firstsection-img{grid-row-start:2}}@media screen and (max-width:780px){.secondsection-projects{grid-template-columns:1fr}}@media screen and (max-width:650px){.firstsection p{padding-bottom:10px;font-size:1em}.firstsection h1{font-size:5em}.thirdsection{height:max-content}.contacts a{width:60px;height:60px}.contacts{height:max-content;justify-content:space-between}.contacts{flex-wrap:wrap}}@media screen and (max-width:530px){.firstsection-img{grid-column-start:1;grid-column-end:3;grid-row-start:2;grid-row-end:4}.firstsection-img img{width:50%}.firstsection p{grid-column-start:1;grid-column-end:3;grid-row-start:4;grid-row-end:6}}