@import url(https://fonts.googleapis.com/css2?family=Kameron&family=Monoton&family=Oswald&family=Play&family=Radley&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:Play;overflow-x:hidden}:root{color:#fff}.App{align-items:center;background-color:#000;display:flex;flex-direction:column;min-height:300vh;min-width:100vw;text-align:center}.red-circle{background-color:#311717;border-radius:50%;height:300px;place-self:center;position:absolute;width:300px}.hero-section{align-items:center;display:flex;flex-direction:column;height:90vh;justify-content:center}.hero-section>.hide-element>h1{-webkit-animation:moveIntoViewName .7s linear;animation:moveIntoViewName .7s linear;color:red;font-family:Monoton;font-size:90px;margin:0;overflow:hidden;-webkit-user-select:none;user-select:none;z-index:3}@-webkit-keyframes moveIntoViewName{0%{opacity:.1;-webkit-transform:translateY(120px);transform:translateY(120px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes moveIntoViewName{0%{opacity:.1;-webkit-transform:translateY(120px);transform:translateY(120px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes moveIntoViewOcc{0%{opacity:.1;-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes moveIntoViewOcc{0%{opacity:.1;-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.hide-element{overflow:hidden;z-index:3}.hero-section>.hide-element>h2{-webkit-animation:moveIntoViewOcc .7s linear;animation:moveIntoViewOcc .7s linear;color:#fff;-webkit-user-select:none;user-select:none;z-index:2}.arrow-image{transition:all .2s linear;-webkit-user-select:none;user-select:none;width:70px;z-index:3}.arrow-image:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.tools{flex-wrap:wrap;gap:60px;max-width:900px}.tool-icon,.tools{align-items:center;display:flex;justify-content:center}.tool-icon{background-color:#311717;flex-direction:column;height:160px;width:130px}.tool-icon>h3{color:red;font-size:26px;margin:0}.tool-icon>img{height:110px}.projects-location{color:red;font-family:Monoton;font-size:60px;margin:0 0 30px;-webkit-user-select:none;user-select:none}.project{align-items:center;display:flex;flex-direction:column;margin-bottom:100px;margin-top:60px}.under-info{display:flex;justify-content:space-between;width:80%}.name-and-detail{flex:2 1;text-align:left}.name-and-detail>h1{margin:10px 0 0}.name-and-detail>h1:hover{text-decoration:underline}.name-and-detail>p{font-size:18px;margin:0}.tools-list{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.tools-location{color:red;font-family:Monoton;font-size:60px}.tool-pictures,.tools-list>h3{align-self:flex-end}.tool-pictures{align-items:center;display:flex;gap:8px;justify-content:center}.project>a>img{width:80%}.project>a{width:100%}a:link{text-decoration:none}a:link,a:visited{color:#fff}.tool-used-icon{height:34px}label{align-self:flex-start}input,label{color:red;font-size:24px}input{background-color:transparent;border:0 solid #000;border-bottom:2px solid red}input:focus{outline:none}.name-and-email{display:flex;flex-direction:column;gap:20px}.name-and-email>div,.text-area{align-items:left;display:flex;flex-direction:column}.text-area{display:flex;flex-direction:column;gap:28px}.form{display:flex;gap:10px}textarea{background-color:#000;border:1px solid red;color:red;font-size:24px;height:79px;width:278px}textarea:focus{outline:none}.send-message{background:linear-gradient(red,red);background-color:transparent;background-repeat:no-repeat;background-size:0,100%;border:3px solid red;color:red;font-size:24px;margin-bottom:50px;margin-top:50px;padding:5px;transition:all .2s linear}.send-message:hover{background-size:100%,100%;color:#000}.hero-section{width:100%}@media (max-width:800px){.hero-section>.hide-element>h1{font-size:15vw;margin:0;text-align:center}.hero-section>.hide-element>h2{font-size:clamp(16px,6vw,24px)}.red-circle{height:clamp(200px,60vw,300px);width:clamp(200px,60vw,300px)}.hide-element{align-items:center;display:flex;width:100%}.hide-element,.under-info{flex-direction:column}.tool-pictures,.tools-list>h3{align-self:flex-start}.project>a>img{width:90%}.tool-used-icon{height:clamp(20px,8vw,33px)}.projects-location,.tools-location{font-size:10vw}.name-and-detail>h1{font-size:clamp(25px,5vw,32px)}.name-and-detail>p{font-size:clamp(10px,5vw,18px)}}@media (max-width:700px){.form{align-items:center;flex-direction:column}.name-and-email>div,.text-area{align-items:center;justify-content:center}label{font-size:clamp(20px,7vw,24px);text-align:center;width:100%}input,textarea{width:80%}}@media (max-width:500px){.tool-icon>h3{font-size:clamp(20px,5vw,26px)}.tool-icon>img{height:clamp(70px,20vw,110px)}.tool-icon{height:auto;padding:6px;width:auto}}
/*# sourceMappingURL=main.06978d2f.css.map*/