





@font-face{
font-family:Aldrich-Regular;
src:url(fonts/Aldrich-Regular.ttf);
}

-ms-@font-face{
font-family:Aldrich-Regular;
src:url(fonts/Aldrich-Regular.ttf);
}

-moz-@font-face{
font-family:Aldrich-Regular;
src:url(fonts/Aldrich-Regular.ttf);
}






@font-face{
font-family:loaded;
src:url(fonts/loaded.ttf);
}

-ms-@font-face{
font-family:loaded;
src:url(fonts/loaded.ttf);
}

-moz-@font-face{
font-family:loaded;
src:url(fonts/loaded.ttf);
}




@font-face{
font-family:Raleway-Bold;
src:url(fonts/Raleway-Bold.ttf);
}

-ms-@font-face{
font-family:Raleway-Bold;
src:url(fonts/Raleway-Bold.ttf);
}

-moz-@font-face{
font-family:Raleway-Bold;
src:url(fonts/Raleway-Bold.ttf);
}









*{position:absolute;cursor:url(images/cursor.svg),auto;
scroll-behavior:smooth;}

body{width:100vw;height:100vh;margin:0vw;
overflow:hidden;}

.body{width:100vw;height:100vh;margin:0vw;background-image:url(images/lbgr4.webp);background-size:100% 100%;
overflow-Y:scroll;overflow-X:hidden;transition:0.1s linear;
scroll-behavior:smooth;}



.b{width:10vw;height:5vh;background:deeppink;margin-top:0vh;
text-align:center;line-height:5vh;font-family:loaded;font-size:1vw;
color:yellow;z-index:9;}

.b:hover{background:yellow;color:deeppink;font-size:1.1vw;}

.b1{margin-left:22.5vw;}

.b2{margin-left:33.5vw;}

.b3{margin-left:44.5vw;}

.b4{margin-left:55.5vw;}

.b5{margin-left:66.5vw;}


.header{width:100vw;height:100vh;margin:0vw;
background-image:url(images/header.svg);
background-size:cover;
background-position:center;
border-bottom:0.3vw solid deeppink;}


.blog1{width:15vw;height:15vw;margin-top:0vh;margin-left:5vw;z-index:9;
background-image:url(images/blog1.webp);
background-size:100% 100%;}

.blogimg1-1{width:15vw;height:15vw;margin-top:40vh;margin-left:5vw;z-index:9;
background-image:url(images/blogimg1-1.webp);
background-size:100% 100%;}

.blogimg1-2{width:15vw;height:15vw;margin-top:80vh;margin-left:5vw;z-index:9;
background-image:url(images/blogimg1-2.webp);
background-size:100% 100%;}


.blogimg1-3{width:15vw;height:15vw;margin-top:80vh;margin-left:80vw;z-index:9;
background-image:url(images/blogimg1-3.webp);
background-size:100% 100%;}

.blogimg1-4{width:15vw;height:15vw;margin-top:40vh;margin-left:80vw;z-index:9;
background-image:url(images/blogimg1-4.webp);
background-size:100% 100%;}


.blogimg1-5{width:15vw;height:15vw;margin-top:0vh;margin-left:80vw;z-index:9;
background-image:url(images/blogimg1-5.webp);
background-size:100% 100%;}





.blog2{width:15vw;height:15vw;margin-top:0vh;margin-left:5vw;z-index:9;
background-image:url(images/blog2.webp);
background-size:100% 100%;}

.blogimg2-1{width:15vw;height:15vw;margin-top:40vh;margin-left:5vw;z-index:9;
background-image:url(images/blogimg2-1.webp);
background-size:100% 100%;}

.blogimg2-2{width:15vw;height:15vw;margin-top:80vh;margin-left:5vw;z-index:9;
background-image:url(images/blogimg2-2.webp);
background-size:100% 100%;}


.blogimg2-3{width:15vw;height:15vw;margin-top:80vh;margin-left:80vw;z-index:9;
background-image:url(images/blogimg2-3.webp);
background-size:100% 100%;}


.blogimg2-4{width:15vw;height:15vw;margin-top:40vh;margin-left:80vw;z-index:9;
background-image:url(images/blogimg2-4.webp);
background-size:100% 100%;}


.blogimg2-5{width:15vw;height:15vw;margin-top:0vh;margin-left:80vw;z-index:9;
background-image:url(images/blogimg2-5.webp);
background-size:100% 100%;}












.blog3{width:15vw;height:15vw;margin-top:0vh;margin-left:5vw;z-index:9;
background-image:url(images/blog3.svg);
background-size:cover;}


.blogimg3-1{width:15vw;height:15vw;margin-top:40vh;margin-left:5vw;z-index:9;
background-image:url(images/blogimg3-1.svg);
background-size:cover;}

.blogimg3-2{width:15vw;height:15vw;margin-top:80vh;margin-left:5vw;z-index:9;
background-image:url(images/blogimg3-2.webp);
background-size:100% 100%;}


.blogimg3-3{width:15vw;height:15vw;margin-top:80vh;margin-left:80vw;z-index:9;
background-image:url(images/blogimg3-3.webp);
background-size:100% 100%;}


.blogimg3-4{width:15vw;height:15vw;margin-top:40vh;margin-left:80vw;z-index:9;
background-image:url(images/blogimg3-4.webp);
background-size:100% 100%;}

.blogimg3-5{width:15vw;height:15vw;margin-top:0vh;margin-left:80vw;z-index:9;
background-image:url(images/blogimg3-5.webp);
background-size:100% 100%;}


.blogimg3-6{width:15vw;height:15vw;margin-top:80vh;margin-left:30vw;z-index:9;
background-image:url(images/blogimg3-6.webp);
background-size:100% 100%;}


.blogimg3-7{width:15vw;height:15vw;margin-top:80vh;margin-left:55vw;z-index:9;
background-image:url(images/blogimg3-7.webp);
background-size:100% 100%;}

.blogimg3-8{width:15vw;height:15vw;margin-top:40vh;margin-left:30vw;z-index:9;
background-image:url(images/blogimg3-8.svg);
background-size:cover;}


.blogimg3-9{width:15vw;height:15vw;margin-top:40vh;margin-left:55vw;z-index:9;
background-image:url(images/blogimg3-9.svg);
background-size:cover;}


.blogimg3-10{position:absolute;width:15vw;height:15vw;margin-top:0vh;margin-left:42.5vw;z-index:9;
background-image:url(images/blogimg3-10.svg);
background-size:cover;}




.homeweb1{width:15vw;height:40vh;margin-left:0vw;
background-image:url(images/homeweb1.webp);
background-size:contain;background-repeat:no-repeat;}

.homeweb2{width:30vw;height:40vh;margin-left:17.5vw;
background-image:url(images/homeweb2.webp);
background-size:contain;background-repeat:no-repeat;}

.wserve1{width:20vw;height:40vh;margin-left:50vw;
background-image:url(images/wserve1.webp);
background-size:contain;background-repeat:no-repeat;}


iframe{width:70vw;height:60vh;margin-left:0vw;
margin-top:60vh;border:0.5vw solid deeppink;}

.aftserve{width:60vw;height:10vh;margin-left:0vw;margin-top:160vh;background:transparent;}








.one{position:absolute;width:100vw;height:110vh;margin-left:0vw;margin-top:150vh;background:black;
border-top:0.3vw solid deeppink;border-bottom:0.3vw solid deeppink;
transition:0.1s linear;overflow-X:hidden;overflow-Y:scroll;z-index:8;
scroll-behavior:smooth;}

.two{position:absolute;width:100vw;height:110vh;margin-left:0vw;margin-top:310vh;background:black;
border-top:0.3vw solid lime;border-bottom:0.3vw solid lime;
transition:0.2s linear;overflow-X:hidden;overflow-Y:scroll;z-index:8;
scroll-behavior:smooth;}


.three{position:absolute;width:100vw;height:110vh;margin-left:0vw;margin-top:470vh;
background:black;
border-top:0.3vw solid lime;border-bottom:0.3vw solid deeppink;
transition:0.1s linear;overflow-X:hidden;overflow-Y:scroll;z-index:8;
scroll-behavior:smooth;}


.four{position:absolute;width:100vw;height:110vh;margin-left:0vw;margin-top:630vh;
background:white;
border-top:0.3vw solid deeppink;border-bottom:0.3vw solid lime;
transition:0.1s linear;overflow-X:hidden;overflow-Y:scroll;z-index:8;
scroll-behavior:smooth;}



.five{position:absolute;width:100vw;height:110vh;margin-left:0vw;margin-top:790vh;
background:white;
border-top:0.3vw solid deeppink;border-bottom:0.3vw solid lime;
transition:0.1s linear;overflow-X:hidden;overflow-Y:scroll;z-index:8;
scroll-behavior:smooth;}







.txt1{width:40vw;height:auto;margin-left:30vw;margin-top:5vh;}

.txt2{width:40vw;height:auto;margin-left:30vw;margin-top:5vh;}

.txt3{width:50vw;height:auto;margin-left:25vw;margin-top:5vh;}

.txt4{width:70vw;height:auto;margin-left:15vw;margin-top:5vh;}





.big{font-size:1.4vw;font-family:loaded;text-align:center;color:deeppink;position:relative;z-index:10;}


.pinkTxt{font-size:1vw;font-family:loaded;color:deeppink;font-weight:bold;text-align:justify;position:relative;margin-top:4vh;}

.limeTxt{font-size:1vw;font-family:loaded;color:lime;font-weight:bold;text-align:justify;position:relative;margin-top:4vh;}

.whiteTxt{font-size:0.8vw;font-family:Aldrich-Regular;font-weight:thin;text-align:justify;color:white;position:relative;margin-top:3vh;opacity:0.7;}

.blackTxt{font-size:0.9vw;font-family:Aldrich-Regular;font-weight:normal;text-align:justify;color:black;position:relative;margin-top:3vh;}


::-webkit-scrollbar{background:deeppink;width:1vw;}

::-webkit-scrollbar-thumb{background:yellow;}










footer{width:100vw;height:30vh;margin-left:0vw;margin-top:950vh;
background:deeppink;z-index:9;}

.footer{width:100vw;height:30vh;margin-left:0vw;margin-top:980vh;
background:black;z-index:9;}






.aMail{width:100vw;text-align:center;color:cyan;font-size:1vw;margin-left:0vw;margin-top:7vh;text-decoration:none;transition:0.1s linear;
font-family:Raleway-Bold;}

.aFacebook{width:100vw;text-align:center;color:cyan;font-size:1vw;margin-left:0vw;margin-top:11vh;text-decoration:none;transition:0.1s linear;
font-family:Raleway-Bold;}

.aLinkedin{width:100vw;text-align:center;color:cyan;font-size:1vw;margin-left:0vw;margin-top:15vh;text-decoration:none;transition:0.1s linear;
font-family:Raleway-Bold;}

.aTiktok{width:100vw;text-align:center;color:cyan;font-size:1vw;margin-left:0vw;margin-top:19vh;text-decoration:none;transition:0.1s linear;
font-family:Raleway-Bold;}


.redlink{
position:absolute;
color:cyan;
text-decoration:underline;
font-size:1vw;
font-family:arial;
text-align:left;
margin-left:18.4vw;
z-index:999999999999999999;
}


.aMail:hover{color:lime;background:black;padding:0.3vw;transition:0.1s linear;}

.aFacebook:hover{color:lime;background:black;padding:0.3vw;transition:0.1s linear;}

.aLinkedin:hover{color:lime;background:black;padding:0.3vw;transition:0.1s linear;}

.aTiktok:hover{color:lime;background:black;padding:0.3vw;transition:0.1s linear;}

.redlink:hover{color:red;transform:scale(1.1);}



.planet{width:14vw;height:14vw;margin-left:43vw;margin-top:1vh;
background-image:url(images/earth.svg);
background-size:100% 100%;z-index:9; perspective:200px;
transform-style:preserve-3d;
animation: rot 9s infinite linear;
-webkit-animation: rot 9s infinite linear;
-ms-animation: rot 9s infinite linear;
-moz-animation: rot 9s infinite linear;
}



@keyframes rot{
100%{transform:rotateZ(360deg);transform-style:preserve-3d;}
}


-webkit-@keyframes rot{
100%{transform:rotateZ(360deg);transform-style:preserve-3d;}
}


-ms-@keyframes rot{
100%{transform:rotateZ(360deg);transform-style:preserve-3d;}
}


-moz-@keyframes rot{
100%{transform:rotateZ(360deg);transform-style:preserve-3d;}
}

.logo{width:8vw;height:8vw;margin-left:46vw;margin-top:7vh;
background-image:url(images/homeLogo.svg);
background-size:100% 100%;z-index:9;}













































