*{box-sizing:border-box;margin:0;padding:0}body{background-color:#edf0f0;color:#000}.conatiner{align-items:center;display:flex;justify-content:center}.style{margin:50px 150px}.nav{align-items:center;display:flex;justify-content:space-between}.nav img{-webkit-transform:scale(1);transform:scale(1)}button{background-color:#000;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:18px;outline:none;padding:10px 25px}button:hover{background-color:#8a2be2}.hero{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.text{margin:10px 150px 50px}.text h1{font-size:55px}.text-p{color:rgba(0,0,0,.9);font-size:18px;padding:25px 150px}.graphics{grid-gap:15px;color:#fff;display:grid;gap:15px;grid-template-columns:repeat(6,auto);height:350px;width:100%}.graphics-1{background-color:blue;border-radius:12px;color:#fff;grid-column-end:3;grid-column-start:1;grid-row-end:3;grid-row-start:1;position:relative}.apps img,.graphics-1 img,.illustrations img,.motionGraphics img,.photography img,.ui-ux img{position:absolute;right:15px;top:15px;-webkit-transform:scale(1);transform:scale(1)}.apps span,.graphics-1 span,.illustrations span,.motionGraphics span,.photography span,.ui-ux span{bottom:15px;font-size:22px;font-weight:700;left:15px;position:absolute}.ui-ux{background-color:#ef9e08}.apps,.ui-ux{border-radius:12px;position:relative}.apps{background-color:pink}.illustrations{background-color:#f06c82;border-radius:12px;grid-column-end:5;grid-column-start:3;grid-row-end:3;grid-row-start:2;position:relative}.photography{background-color:#9ed5db}.motionGraphics,.photography{border-radius:12px;grid-column-end:7;grid-column-start:5;position:relative}.motionGraphics{background-color:#434040}.about{gap:50px;margin-bottom:150px;margin-top:150px}.about,.image{align-items:center;display:flex;justify-content:center}.image{background-image:url(/static/media/image-amy.7da98e7720cf2d1467d1.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;flex:1 1;height:550px;width:550px}.about-me{display:flex;flex:1 1;flex-direction:column;gap:25px;padding-left:50px}.about-me h2{font-size:56px}.about-me p{font-size:22px;margin:10px 0}.about-btn{align-self:start;background-color:brown}.work h3{font-size:36px;margin-bottom:25px;text-align:center}.work-slide{overflow:hidden}.slide-row{display:flex;overflow-x:hidden;width:3000px}.slide-col img{height:400px;position:relative;width:600px}.slide-control{align-items:center;cursor:pointer;display:flex;gap:15px;justify-content:center;margin-top:25px}.left,.right{background-color:#000;border-radius:50%;padding:15px}.contact{align-items:center;background-color:#000;border-radius:8px;color:#fff;display:flex;justify-content:center;padding:15px 10px}.contact-text{flex:1 1;padding:15px}.contact-text h5{font-size:36px}.contact-text p{font-size:22px;padding:15px 15px 15px 0}.btn{flex:1 1;text-align:center}@media screen and (max-width:1100px){.text{margin:10px 75px 50px}.text-p{padding:25px 50px}.about{gap:25px;margin-bottom:100px;margin-top:100px}.image{height:350px;width:350px}.about-me{padding-left:25px}.about-me h2{font-size:36px}.about-me p{font-size:18px}}@media screen and (max-width:820px){.style{margin:15px 50px}.nav img{-webkit-transform:scale(.9);transform:scale(.9)}button{font-size:16px}.text{margin:10px 50px 50px}.text h1{font-size:55px}.text-p{padding:25px 75px}.graphics{grid-template-columns:repeat(4,auto)}.graphics-1{grid-column-end:3;grid-column-start:1;grid-row-end:3;grid-row-start:1}.ui-ux{grid-column-end:4;grid-column-start:3}.apps{grid-column-end:5;grid-column-start:4}.illustrations{grid-column-end:5;grid-column-start:3}.photography{grid-column-end:3;grid-column-start:1}.motionGraphics{grid-column-end:5;grid-column-start:3}.apps img,.graphics-1 img,.illustrations img,.motionGraphics img,.photography img,.ui-ux img{right:10px;top:10px;-webkit-transform:scale(.8);transform:scale(.8)}.apps span,.graphics-1 span,.illustrations span,.motionGraphics span,.photography span,.ui-ux span{bottom:10px;font-size:20px;left:10px}.about{align-items:flex-start;display:flex;flex-direction:column;gap:25px;justify-content:center}.image{background-color:#000;background-image:url(/static/media/image-amy.7da98e7720cf2d1467d1.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;height:350px;width:400px}.about-me{padding:25px;text-align:center}.about-me h2{font-size:32px}.about-me p{font-size:18px;line-height:1.1}.about-btn{margin:0 auto}.slide-row{width:2000px}.slide-col img{width:400px}.contact{margin-bottom:50px;margin-top:50px}.contact-text h5{font-size:32px}.contact-text p{font-size:20px;line-height:1.1}}@media screen and (max-width:420px){.style{margin:10px 15px}.nav img{-webkit-transform:scale(.85);transform:scale(.85)}button{font-size:15px}.text{margin:10px 10px 50px}.text h1{font-size:42px}.text-p{font-size:17px;padding:25px 40px}.graphics{grid-template-columns:repeat(4,auto);height:600px}.graphics-1{grid-column-end:5;grid-column-start:1;grid-row-end:3;grid-row-start:1;height:200px}.ui-ux{grid-column-end:3;grid-column-start:1}.apps,.ui-ux{grid-row-end:4;grid-row-start:3;height:100px}.apps{grid-column-end:5;grid-column-start:3}.illustrations{grid-column-end:5;grid-row-end:7;grid-row-start:5}.illustrations,.photography{grid-column-start:1;height:100px}.photography{grid-column-end:3}.motionGraphics,.photography{grid-row-end:8;grid-row-start:7}.motionGraphics{grid-column-end:5;grid-column-start:3;height:100px}.apps img,.graphics-1 img,.illustrations img,.motionGraphics img,.photography img,.ui-ux img{right:-5px;top:-5px;-webkit-transform:scale(.5);transform:scale(.5)}.apps span,.graphics-1 span,.illustrations span,.motionGraphics span,.photography span,.ui-ux span{bottom:10px;font-size:16px;left:10px}.contact{display:flex;flex-direction:column;margin-bottom:25px;margin-top:25px;text-align:center}.contact-text h5{font-size:32px}.contact-text p{font-size:18px;line-height:1.1}.btn{margin-bottom:15px}}
/*# sourceMappingURL=main.475ffa54.css.map*/