@font-face{
    font-family: "bellefair";
    src: url('Bellefair-Regular.ttf')
}

@font-face{
    font-family: "adinekir";
     src: url('adinekir.ttf')
}

@font-face{
    font-family: "darling";
    src: url('Darling.ttf')
}

@font-face{
    font-family: "qasik";
     src: url('QaskinBlack_PersonalUse.ttf')
}

nav{
    cursor: url(blackcursor2.png), pointer;
}

:-webkit-any-link{
    cursor: url(blackcursor2.png), pointer;
}

::selection{
   text-shadow: 0 0 2px #dbd9d9;color:#dbd9d9 
}

::-moz-selection{
   text-shadow: 0 0 2px #dbd9d9;color:#dbd9d9
}

#naveverything{
    position: absolute;
    width: 480px;
}

.container222{
    position: absolute;
    z-index: -2;
    top: 340px;
    left: 960px;
    width: 700px;
    height: 600px;
    background-color: #383838;
    border: 30px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 24px;
    border-radius: 30px;
    filter: drop-shadow(0 0 100px rgba(255, 255, 255, 0.452));
}

#toslink{
    position: absolute;
    top: 89px;
    left: 285px;
}

#squaretalking{
    position: absolute;
    top: 100px;
    left: -40px;
    width: 510px;
    height: 230px;
    background-color: #292929;
    text-shadow: 0 0 2px #919090;
    color:#acaaaa;
    -moz-border-radius: 30px;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 10px;
}

#squaretalk{
    position: absolute;
    left: 20px;
}

#notecontainer{
    position: absolute;
    margin-top: 44px;
    margin-left: -26px;
}

#note{
    position: absolute;
    top: 250px;
    left: -10px;
    width: 200px;
    height: 192px;
    background-color: #292929;
    text-shadow: 0 0 2px #919090;
    color:#acaaaa;
    -moz-border-radius: 30px;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 10px;
}

#tos333{
    position: absolute;
    font-size: 28px;
    width: 170px;
    top: 3px;
    left: 170px !important;
    background-color: #161616;
    text-shadow: 0 0 2px #6e6e6e;
    color:#858585;
    -moz-border-radius: 30px;
    overflow: hidden;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 20px;
}

#noteheader{
    margin-left: 106px;
}

#noteheader2{
    margin-left: 90px;
}

#noteheader1{
    margin-left: 230px;
}


#status{
    position: absolute;
    top: 250px;
    left: 220px;
    width: 280px;
    height: 192px;
    background-color: #292929;
    text-shadow: 0 0 2px #919090;
    color:#acaaaa;
    -moz-border-radius: 30px;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 10px;
}

#notetext{
    position: absolute;
    left: 20px;
}

#notetext2{
    position: absolute;
    width: 120px;
    top: 90px;
    background-color: #6e6d6d;
    padding: 15px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    overflow: hidden;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
}

#tos{
  position: absolute;
  top: 90px;
  left: -50px;
  width: 500px;
  height: 441px;
  background-color: #11111100;
  overflow-y: auto;
  overflow-x: hidden;
}

#tos::-webkit-scrollbar {
    padding-right: px;
    width: 3px;
} 
    
#tos::-webkit-scrollbar-thumb{
    background-color:#111111;
    z-index: 10;
}

#statustext{
    position: absolute;
    left: 20px;
}

#note1{
    position: absolute;
    top: 9px;
    left: 10px;
    width: 230px;
    height: 450px;
    background-color: #292929;
    text-shadow: 0 0 2px #919090;
    color:#acaaaa; 
    -moz-border-radius: 30px;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 10px;
}

#note1text{
    position: absolute;
    left: 20px;
    width: 200px;
    height: 350px;
    font-size: 17px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 6px;
}

#note1text::-webkit-scrollbar {
    padding-right: px;
    width: 3px;
} 
    
#note1text::-webkit-scrollbar-thumb{
    background-color:#111111;
    z-index: 10;
}

#note2{
    position: absolute;
    top: 9px;
    left: 280px;
    width: 230px;
    height: 450px;
    background-color: #292929;
    text-shadow: 0 0 2px #919090;
    color:#acaaaa;
    -moz-border-radius: 30px;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 10px;
}

#note2text{
    position: absolute;
    left: 20px;
    width: 180px;
    font-size: 17px;
}

#note3{
    position: absolute;
    top: 500px;
    left: 10px;
    width: 500px;
    height: 440px;
    background-color: #292929;
    text-shadow: 0 0 2px #919090;
    color:#acaaaa;
    -moz-border-radius: 30px;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 10px;
}

#note3text{
    position: absolute;
    left: 20px;
    width: 470px;
    font-size: 17px;
}

#marqueesection{
    position: absolute;
    top: 100px;
    left: -60px;
    height: 30px;
    width: 530px;
    background-color: #2b2b2b;
    -moz-border-radius: 30px;
    overflow: hidden;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 10px;
}

#servicescontainer{
    position: absolute;
    top: 160px;
    left: -61px;
    width: 546px;
    height: 410px;
    background-color: #16161600;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 5px;
}

#servicesnav{
    z-index: 100;
}

#servicescontainer::-webkit-scrollbar {
    padding-right: px;
    width: 3px;
} 
    
#servicescontainer::-webkit-scrollbar-thumb{
    background-color:#111111;
    z-index: 10;
}

.marquee {
    z-index: 2;
    top: 2px;
    height: 25px;
    width: 600px;
  
    overflow: hidden;
    position: relative;
}

.marquee div:hover{
    color:#000000;
}

.marquee div {
    display: block;
    width: 200%;
    height: 30px;
  
    position: absolute;
    overflow: hidden;
  
    animation: marquee 10s linear infinite;
    color:#d1c9c3;
}

.marquee span {
    float: right;
    width: 50%;
}
  
@keyframes marquee {
    0% { left: -100%; }
    100% { left: 0; }
}

#models3d{
    position: absolute;
    top: 4px;
    left: 4px;
    height: 200px;
    width: 520px;
    background-color: #2c2c2c;
    -moz-border-radius: 30px;
    overflow: hidden;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 10px;
}

#modelstext{
    position: absolute;
    top: 16px;
    left: 290px;
    width:200px;
    height:160px;
    background-color: #414141;
    -moz-border-radius: 30px;
    overflow: hidden;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 20px;
}

#modelsbanner{
    position: absolute;
    top: -8px;
    width: 524px;
    height: 20px;
    background-image: url('lacebanner111.png');
    background-size: 20px;
}

#modelstext1{
    position: absolute;
    font-size: 17px;
    top: -18px;
    left: 10px;
    width: 180px;
    text-shadow: 0 0 2px #6e6e6e;
    color:#858585;
}

#models3dinner{
    z-index: 5;
    position: absolute;
    top: 16px;
    left: 10px;
    height:160px;
    width:240px;
    background-color: #414141;
    -moz-border-radius: 30px;
    overflow: hidden;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 20px;
}

#models3dd{
    z-index: 5;
    position: absolute;
    top: 150px;
    left: 356px;
    background-color: #292929;
    border-radius: 30px;
    padding: 5px;
}

#models3dd:hover{
    transform: scale(1.04);
}

#conceptartt{
    position: absolute;
    top: 250px;
    left: 4px;
    height: 200px;
    width: 520px;
    background-color: #2c2c2c;
    -moz-border-radius: 30px;
    overflow: hidden;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 10px;
}

#conceptbanner{
    position: absolute;
    top: -8px;
    width: 524px;
    height: 20px;
    background-image: url('lacebanner111.png');
    background-size: 20px;
}

#concepttext{
    position: absolute;
    top: 16px;
    left: 290px;
    width:200px;
    height:160px;
    background-color: #414141;
    -moz-border-radius: 30px;
    overflow: hidden;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 20px;
}

#concepttext1{
    position: absolute;
    font-size: 17px;
    top: -18px;
    left: 10px;
    width: 180px;
    text-shadow: 0 0 2px #6e6e6e;
    color:#858585;
}

#conceptinner{
    z-index: 5;
    position: absolute;
    top: 16px;
    left: 10px;
    height:160px;
    width:240px;
    background-color: #414141;
    -moz-border-radius: 30px;
    overflow: hidden;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 20px;
}

#conceptart111{
    z-index: 5;
    position: absolute;
    top: 396px;
    left: 356px;
    background-color: #292929;
    border-radius: 30px;
    padding: 5px;
}

#conceptart111:hover{
    transform: scale(1.04);
}

#illustrationss{
    position: absolute;
    top: 495px;
    left: 4px;
    height: 200px;
    width: 520px;
    background-color: #2c2c2c;
    -moz-border-radius: 30px;
    overflow: hidden;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 10px;
}

#illustbanner{
    position: absolute;
    top: -8px;
    width: 524px;
    height: 20px;
    background-image: url('lacebanner111.png');
    background-size: 20px;
}

#illustinner{
    z-index: 5;
    position: absolute;
    top: 16px;
    left: 10px;
    height:160px;
    width:240px;
    background-color: #414141;
    -moz-border-radius: 30px;
    overflow: hidden;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 20px;
}

#illusttext{
    position: absolute;
    top: 16px;
    left: 290px;
    width:200px;
    height:160px;
    background-color: #414141;
    -moz-border-radius: 30px;
    overflow: hidden;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 20px;
}

#illusttext1{
    position: absolute;
    font-size: 17px;
    top: -18px;
    left: 10px;
    width: 180px;
    text-shadow: 0 0 2px #6e6e6e;
    color:#858585;
}

#illust111{
    z-index: 5;
    position: absolute;
    top: 640px;
    left: 356px;
    background-color: #292929;
    border-radius: 30px;
    padding: 5px;
}

#illust111:hover{
    transform: scale(1.04);
}

#pixelstuff{
    position: absolute;
    top: 740px;
    left: 4px;
    height: 200px;
    width: 520px;
    background-color: #2c2c2c;
    -moz-border-radius: 30px;
    overflow: hidden;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 10px;
}

#pixelbanner{
    position: absolute;
    top: -8px;
    width: 524px;
    height: 20px;
    background-image: url('lacebanner111.png');
    background-size: 20px;
}

#pixelinner{
    z-index: 5;
    position: absolute;
    top: 16px;
    left: 10px;
    height:160px;
    width:240px;
    background-color: #414141;
    -moz-border-radius: 30px;
    overflow: hidden;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 20px;
}

#pixeltext{
    position: absolute;
    top: 16px;
    left: 290px;
    width:200px;
    height:160px;
    background-color: #414141;
    -moz-border-radius: 30px;
    overflow: hidden;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 20px;
}

#pixeltext1{
    position: absolute;
    font-size: 17px;
    top: -18px;
    left: 10px;
    width: 180px;
    text-shadow: 0 0 2px #6e6e6e;
    color:#858585;
}

#pixels111{
    z-index: 5;
    position: absolute;
    top: 885px;
    left: 356px;
    background-color: #292929;
    border-radius: 30px;
    padding: 5px;
}

#pixels111:hover{
    transform: scale(1.04);
}

#webdesignstuff{
    position: absolute;
    top: 740px;
    left: 4px;
    height: 200px;
    width: 520px;
    background-color: #2c2c2c;
    -moz-border-radius: 30px;
    overflow: hidden;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 10px;
}

#webdesignbanner{
    position: absolute;
    top: -8px;
    width: 524px;
    height: 20px;
    background-image: url('lacebanner111.png');
    background-size: 20px;
}

#webdesigninner{
    z-index: 5;
    position: absolute;
    top: 16px;
    left: 10px;
    height:160px;
    width:240px;
    background-color: #414141;
    -moz-border-radius: 30px;
    overflow: hidden;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 20px;
}

#webdesigntext{
    position: absolute;
    top: 16px;
    left: 290px;
    width:200px;
    height:160px;
    background-color: #414141;
    -moz-border-radius: 30px;
    overflow: hidden;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 20px;
}

#webdesigntext1{
    position: absolute;
    font-size: 17px;
    top: -18px;
    left: 10px;
    width: 180px;
    text-shadow: 0 0 2px #6e6e6e;
    color:#858585;
}

#websitess1{
    z-index: 5;
    position: absolute;
    top: 890px;
    left: 356px;
    background-color: #292929;
    border-radius: 30px;
    padding: 5px;
}

#websitess1:hover{
    transform: scale(1.04);
}

#models3{
    position: absolute;
    top: 100px;
    width: 500px;
}

#models3headertext{
    position: absolute;
    font-size: 28px;
    top: -8px;
    left: 165px !important;
    background-color: #161616;
    text-shadow: 0 0 2px #6e6e6e;
    color:#858585;
    -moz-border-radius: 30px;
    overflow: hidden;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 20px;
}

#backbutton1{
    position: absolute;
    transform: scale(.8);
    top: -3px;
    border-radius: 20px;
    padding: 10px;
    background-color: #111111;
}

#backbutton1:hover{
    transform: scale(.83);
}

.models3dcontainer222{
    position: absolute;
    top: 60px;
    left: -20px;
    width: 480px;
    height: 410px;
    background-color: #00000000;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
}

.models3dcontainer222::-webkit-scrollbar {
    padding-right: px;
    width: 3px;
} 
    
.models3dcontainer222::-webkit-scrollbar-thumb{
    background-color:#111111;
    z-index: 10;
}

#modelexample1{
    transform: scale(.9);
    position: absolute;
    left: 0px;
    height: 200px;
    width: 200px;
    background-color: #1d1d1d;
    -moz-border-radius: 30px;
    overflow: hidden;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 20px;
}

#modelexample2{
    transform: scale(.9);
    position: absolute;
    left: 270px;
    height: 200px;
    width: 200px;
    background-color: #1d1d1d;
    -moz-border-radius: 30px;
    overflow: hidden;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 20px;
}

#modelexample1inner{
    position: absolute;
    top: 5px;
    left: 5px;
    height: 190px;
    width: 190px;
    background-color: #1d1d1d;
    -moz-border-radius: 30px;
    border-radius: 10px;
    box-shadow: 0px 0px 4px inset #00000081;
}

#modelexample2inner{
    position: absolute;
    top: 5px;
    left: 5px;
    height: 190px;
    width: 190px;
    background-color: #1d1d1d;
    -moz-border-radius: 30px;
    border-radius: 10px;
    box-shadow: 0px 0px 4px inset #00000081;
}

#description1{
    position: absolute;
    top: 240px;
    left: 10px;
    color: rgb(126, 126, 126);
    font-size: 18px;
    width: 480px;
    line-height: 24px;
}

#serviceslist1{
    position: absolute;
    top: 420px;
    left: 10px;
    color: #0e0e0e;
    font-size: 19px;
    width: 480px;
    line-height: 26px;
}

#modelscharacter3d{
    border-bottom: 2px dotted #0e0e0e;
    padding-bottom: 2px;
    width: 240px;
     -moz-border-radius: 30px;
    overflow: hidden;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 20px;
    background-color: #2b2b2b;
}

#modelscharacter3d1{
    border-bottom: 2px dotted #0e0e0e;
    padding-bottom: 2px;
    width: 300px;
     -moz-border-radius: 30px;
    overflow: hidden;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 20px;
    background-color: #2b2b2b;
}

#staticmodel{
    border-bottom: 2px dotted #0e0e0e;
    padding-bottom: 2px;
    width: 200px;
}

#staticmodel2{
    border-bottom: 2px dotted #0e0e0e;
    padding-bottom: 2px;
    width: 226px;
}

#conceptheadertext{
    position: absolute;
    font-size: 28px;
    width: 120px;
    top: 93px;
    left: 155px !important;
    background-color: #161616;
    text-shadow: 0 0 2px #6e6e6e;
    color:#858585;
    -moz-border-radius: 30px;
    overflow: hidden;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 20px;
}

#backbutton2{
    position: absolute;
    transform: scale(.8);
    top: 97px;
    width: 57px;
    border-radius: 20px;
    padding: 10px;
    background-color: #111111;
}

#backbutton1:hover{
    transform: scale(.83);
}

.conceptcontainer222{
    position: absolute;
    top: 160px;
    left: -20px;
    width: 480px;
    height: 410px;
    background-color: #00000000;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
}

.conceptcontainer222::-webkit-scrollbar {
    padding-right: px;
    width: 3px;
} 
    
.conceptcontainer222::-webkit-scrollbar-thumb{
    background-color:#111111;
    z-index: 10;
}

#conceptexample1{
    transform: scale(.9);
    position: absolute;
    left: 0px;
    height: 200px;
    width: 200px;
    background-color: #1d1d1d;
    -moz-border-radius: 30px;
    overflow: hidden;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 20px;
}

#conceptexample1inner{
    position: absolute;
    top: 5px;
    left: 5px;
    height: 190px;
    width: 190px;
    background-color: #1d1d1d;
    -moz-border-radius: 30px;
    border-radius: 10px;
    box-shadow: 0px 0px 4px inset #00000081;
}

#conceptexample2{
    transform: scale(.9);
    position: absolute;
    left: 270px;
    height: 200px;
    width: 200px;
    background-color: #1d1d1d;
    -moz-border-radius: 30px;
    overflow: hidden;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 20px;
}

#conceptexample2inner{
    position: absolute;
    top: 5px;
    left: 5px;
    height: 190px;
    width: 190px;
    background-color: #1d1d1d;
    -moz-border-radius: 30px;
    border-radius: 10px;
    box-shadow: 0px 0px 4px inset #00000081;
}

#serviceslist2{
    position: absolute;
    top: 420px;
    left: 10px;
    color: #0e0e0e;
    font-size: 19px;
    width: 480px;
    line-height: 26px;
}

#illustsheadertext{
    position: absolute;
    font-size: 28px;
    width: 120px;
    top: 93px;
    left: 155px !important;
    background-color: #161616;
    text-shadow: 0 0 2px #6e6e6e;
    color:#858585;
    -moz-border-radius: 30px;
    overflow: hidden;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 20px;
}

.illustscontainer222{
    position: absolute;
    top: 160px;
    left: -20px;
    width: 480px;
    height: 410px;
    background-color: #00000000;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
}

.illustscontainer222::-webkit-scrollbar {
    padding-right: px;
    width: 3px;
} 
    
.illustscontainer222::-webkit-scrollbar-thumb{
    background-color:#111111;
    z-index: 10;
}

#illustsexample1{
    transform: scale(.9);
    position: absolute;
    left: 0px;
    height: 200px;
    width: 200px;
    background-color: #1d1d1d;
    -moz-border-radius: 30px;
    overflow: hidden;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 20px;
}

#illustsexample1inner{
    position: absolute;
    top: 5px;
    left: 5px;
    height: 190px;
    width: 190px;
    background-color: #1d1d1d;
    -moz-border-radius: 30px;
    border-radius: 10px;
    box-shadow: 0px 0px 4px inset #00000081;
}

#illustsexample2{
    transform: scale(.9);
    position: absolute;
    left: 270px;
    height: 200px;
    width: 200px;
    background-color: #1d1d1d;
    -moz-border-radius: 30px;
    overflow: hidden;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 20px;
}

#illustsexample2inner{
    position: absolute;
    top: 5px;
    left: 5px;
    height: 190px;
    width: 190px;
    background-color: #1d1d1d;
    -moz-border-radius: 30px;
    border-radius: 10px;
    box-shadow: 0px 0px 4px inset #00000081;
}

#illustsheadertext2{
    position: absolute;
    font-size: 28px;
    width: 120px;
    top: 93px;
    left: 155px !important;
    background-color: #161616;
    text-shadow: 0 0 2px #6e6e6e;
    color:#858585;
    -moz-border-radius: 30px;
    overflow: hidden;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 20px;
    text-align: center;
}

#enquiries{
    position: absolute;
    top: 980px;
    left: 40px;
    color: rgb(126, 126, 126);
    border-bottom: 2px dotted #1d1d1d;
    text-shadow: 0 0 2px #6e6e6e;
}

#storelogo{
    z-index: 1;
    position: absolute;
    top: 150px;
    left: 740px;
    transform: scale(.7) rotate(-30deg);
}

#leftside{
    position: absolute;
    width: 140px;
    height: 600px;
    background-color: #2c2c2c;
    border-right: 2px dotted #161616;
}

#lace1{
    background-color: #d4d3d300;
    background-image: url(blacklace3.png);
    width: 10px;
    height: 600px;
    background-size: 10px;
}

#navigators{
    position: absolute;
    left: -10px;
}

#commissionForm{
    position: absolute;
    top: 160px;
    left: -40px;
    width: 500px;
    height: 390px;
    overflow-y: auto;
    overflow-x: hidden;
    line-height: 60px;
    background-color: #414141;
    -moz-border-radius: 30px;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 20px;
    color: rgb(0, 0, 0);
    text-align: center;
}

#commissionForm::-webkit-scrollbar {
    padding-right: px;
    width: 3px;
} 
    
#commissionForm::-webkit-scrollbar-thumb{
    background-color:#111111;
    z-index: 10;
}

form label {
    display: block;
    margin-top: 15px;
    cursor: url(blackcursor1.png), pointer; 
}
  
form input, form select, form textarea, form button {
    width: 400px;
    padding: 10px;
    margin-top: 5px;
    border-radius: 4px;
    font-size: 1em;
    background-color: #292929;
    -moz-border-radius: 30px;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 20px;
    font-family: 'bellefair';
    outline: none;
    cursor: url(blackcursor1.png), pointer; 
}

/* to stop flashing when autofill happens */

input:-webkit-autofill {
    width: 400px;
    padding: 10px;
    margin-top: 5px;
    border-radius: 4px;
    color:#292929;
    background-color: #292929;
    -moz-border-radius: 30px;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 20px;
    font-family: 'bellefair';
    outline: none;
    transition: background-color 5000s ease-in-out 0s;
  }

#dropdown{
    overflow-y: auto; 
    scrollbar-width: thin; 
    scrollbar-color: #acacac #111111;
}

#addons::-webkit-scrollbar {
    padding-right: px;
    width: 3px;
} 
    
#addons::-webkit-scrollbar-thumb{
    background-color:#111111;
    z-index: 10;
}

#file-upload {
    display: none;
}


  
.custom-file-upload {
    display: inline-block;
    width: 100px;
    font-size: 19px;
    color: white;
    background-color: #0f0f0f;
    border: 1px solid #000000;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}
  
#file-name {
    margin-top: 10px;
    font-size: 18px;
    color: rgb(0, 0, 0);
}

#filerelated{
    background-color: #292929;
    -moz-border-radius: 30px;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 20px;
    font-family: 'bellefair';
    outline: none;
    width: 400px;
    margin-left: 40px;
}

input::-webkit-scrollbar {
    padding-right: px;
    width: 3px;
} 
  
form textarea {
    resize: none;
}
  
form button {
    background-color: #292929;
    color: white;
    border: 1px solid #ccc;
    font-size: 1em;
    background-color: #292929;
    -moz-border-radius: 30px;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.021));
    border: 10px solid transparent;
    border-image: url('lace-border-box-blk.png') 20 round;
    border-image-outset: 3px;
    border-radius: 20px;
    margin-top: 10px;
    width: 200px;
    margin-bottom: 10px;
}
  
form button:hover {
    background-color: #131313;
}
  
#totalCost {
    font-weight: bold;
    color: #000000;
}

#home1{
    width: 86px;
    z-index: 5;
    position: absolute;
    top: 70px;
    left: -180px;
    background-color: #111111;
    padding: 10px;
    color:#b8a79c;
    border: 2px dotted #a19388;
}

#home1:hover{
    transform: scale(1.06);
    background-color: #5c554f;
    border: 2px dotted #5c554f;
}

#checkbox111{
    margin-top: -40px;
    margin-left: 90px;
}

#termsCheckbox{
    z-index: 5;
    position: absolute;
    margin-top: 18px;
    width: 10px;
    margin-left: -30px;
}

input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    border-radius: 0px;
    outline: none;
}
  
input[type="checkbox"]:checked {
    border: 1px solid #ccc;
}
  
input[type="checkbox"]:checked::before {
    content: '✔'; 
    display: block;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 16px;
    line-height: 1px;
    margin-left: -6px;
}

#terms1{
    width: 86px;
    z-index: 5;
    position: absolute;
    top: 140px;
    left: -180px;
    background-color: #111111;
    padding: 10px;
    color:#b8a79c;
    border: 2px dotted #a19388;
}

#terms1:hover{
    transform: scale(1.06);
    background-color: #5c554f;
    border: 2px dotted #5c554f;
}

#services1{
    width: 86px;
    z-index: 5;
    position: absolute;
    top: 210px;
    left: -180px;
    background-color: #111111;
    padding: 10px;
    color:#b8a79c;
    border: 2px dotted #a19388;
}

#services1:hover{
    transform: scale(1.06);
    background-color: #5c554f;
    border: 2px dotted #5c554f;
}

#other1{
    width: 86px;
    position: absolute;
    top: 280px;
    left: -180px;
    background-color: #111111;
    padding: 10px;
    color:#b8a79c;
    border: 2px dotted #a19388;
}

#other1:hover{
    transform: scale(1.06);
    background-color: #5c554f;
    border: 2px dotted #5c554f;
}

#tip1{
    width: 86px;
    z-index: 5;
    position: absolute;
    top: 350px;
    left: -190px;
    background-color: #111111;
    padding: 10px;
    color:#b8a79c;
    border: 2px dotted #a19388;
}

#tip1:hover{
    transform: scale(1.06);
    background-color: #5c554f;
    border: 2px dotted #5c554f;
}

#topsside{
    z-index: -1;
    position: absolute;
    width: 700px;
    height: 90px; 
    background-color: #2c2c2c;
}

#lace2{
    z-index: -1;
    position: absolute;
    top: 90px !important;
    width: 700px;
    height: 19px; 
    background-image: url('blacklace1.png');
    background-size: 50px;
    transform: rotate(180deg);
}

#number96{
    transform: rotate(10deg);
    font-family: 'darling';
    position: absolute;
    font-size: 80px;
    top: -9px;
    position: absolute;
    left: 290px;
    text-shadow: #ffffff3d 1px 0 10px;
    -webkit-text-stroke: #7070703f .5px;
}

#title{
    font-family: 'qasik';
    font-size: 70px;
    position: absolute;
    top: 2px;
    left: 330px;
    text-shadow: #ffffff3d 1px 0 10px;
    -webkit-text-stroke: #7070703f .5px;
}

#credittome{
    z-index: 100;
    position: absolute;
    font-size: 18px;
    margin-left: 48%;
    margin-top: 40%;
}

#credittome:hover{
    border-bottom: 2px dotted #acaaaa;
    transform: scale(1.01);
}

body{
   background-image: url('https://files.catbox.moe/q55juj.png');
   background-size: 10%;
   width: 100vw;
   height: 100vh;
   margin: 0;
   overflow-y: hidden;
   overflow-x: hidden;
}

#context_menu{
    transform: scale(.8);
    position: absolute;
    z-index: 11111;
    background-color:#222222;
	background-size: 100%;
    border: 1px dotted #838383;
    color: #838383;
    display: none;
    letter-spacing: 2px;
    width: 102px;
}


html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    cursor: url(blackcursor1.png), auto;
    font-family:'bellefair';
    font-weight: 500;
    font-size: 20px;
    width: 100vw;
    height: 100vh;
    overflow-y: hidden;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

/*ipad/tablet screens*/


@media screen and (min-width: 800px) and (orientation: landscape){
    #everything { position: absolute; zoom: 40%;
    left:-320px;
    top:-120px; }
    #text { 
        overflow: auto; 
        overflow: scroll; 
    }
    #text111{
        -webkit-text-size-adjust: 145%;
        text-size-adjust: 145%;
        line-height: 10px !important;
        opacity: 90% !important;
    }
    #context_menu{
        line-height: 24px !important;
    }
    #lace1{
        top: 62px;
    }

}

@media screen and (min-width: 900px) and (orientation: landscape){
    #everything { position: absolute; zoom: 50%;
    left:-400px;
    top:-100px; }
    #text { 
        overflow: auto; 
        overflow: scroll; 
    }
    #text111{
        -webkit-text-size-adjust: 145%;
        text-size-adjust: 145%;
        line-height: 10px !important;
        opacity: 90% !important;
    }
    #context_menu{
        line-height: 24px !important;
    }
    #lace1{
        top: 42px;
    }

}

@media screen and (min-width: 1000px) and (orientation: landscape){
    #everything { position: absolute; zoom: 56%;
    left:-420px;
    top:-200px; }
    #text { 
        overflow: auto; 
        overflow: scroll; 
    }
    #text111{
        -webkit-text-size-adjust: 145%;
        text-size-adjust: 145%;
        line-height: 10px !important;
        opacity: 90% !important;
    }
    #context_menu{
        line-height: 24px !important;
    }
    #lace1{
        top: 140px;
    }
    #lace2{
        top: 140px;
    }
    #lace5{
        top: 1100px;
    }
    #lace6{
        top: 1100px;
    }
    #credittome{
        z-index: 100;
        position: absolute;
        font-size: 18px;
        margin-left: 44%;
        margin-top: 48%;
        font-size: 12px;
    }
}


/*monitors*/

@media screen and (min-width: 1200px) and (orientation: landscape){
    #everything { 
    position: absolute; 
    zoom: 64%;
    left:-340px;
    top:-140px; }
    #text { 
        overflow: auto; 
        overflow: scroll; 
    }
    #text111{
        -webkit-text-size-adjust: 145%;
        text-size-adjust: 145%;
        line-height: 10px !important;
        opacity: 90% !important;
    }
    #context_menu{
        line-height: 24px !important;
    }
    #lace1{
        top: 82px;
    }
    #lace2{
        top: 82px;
    }

    #lace5{
        top: 1220px;
    }
    #lace6{
        top: 1220px;
    }
}

@media screen and (min-width: 1300px) and (orientation: landscape){
    #everything { 
    position: absolute; 
    zoom: 70%;
    left:-380px;
    top:-160px; }
    #text { 
        overflow: auto; 
        overflow: scroll; 
    }
    #text111{
        -webkit-text-size-adjust: 145%;
        text-size-adjust: 145%;
        line-height: 10px !important;
        opacity: 90% !important;
    }
    #context_menu{
        line-height: 24px !important;
    }
    #lace1{
        top: 102px;
    }
    #lace2{
        top: 102px;
    }
   
    #lace5{
        top: 1100px;
    }
    #lace6{
        top: 1100px;
    }
    #credittome{
        z-index: 100;
        position: absolute;
        margin-left: 44%;
        margin-top: 47%;
        font-size: 13px;
    }
}

@media screen and (min-width: 1400px) and (orientation: landscape){
    #everything { position: absolute; zoom: 80%;
    left:-420px;
    top:-140px; }
    #text { 
        overflow: auto; 
        overflow: scroll; 
    }
    #text111{
        -webkit-text-size-adjust: 145%;
        text-size-adjust: 145%;
        line-height: 10px !important;
        opacity: 90% !important;
    }
    #context_menu{
        line-height: 24px !important;
    }
    #lace1{
        top: 82px;
    }
    #lace2{
        top: 82px;
    }
    #credittome{
        z-index: 100;
        position: absolute;
        margin-left: 46%;
        margin-top: 51%;
        font-size: 14px;
    }
  
}

@media screen and (min-width: 1600px) and (orientation: landscape){
    #everything { position: absolute; zoom: 84%;
    left:-400px;
    top:-200px; }
    #text { 
        overflow: auto; 
        overflow: scroll; 
    }
    #text111{
        -webkit-text-size-adjust: 145%;
        text-size-adjust: 145%;
        line-height: 10px !important;
        opacity: 90% !important;
    }
    #context_menu{
        line-height: 24px !important;
    }
    #lace1{
        top: 142px;
    }
    #lace2{
        top: 142px;
    }
    #credittome{
        z-index: 100;
        position: absolute;
        margin-left: 45%;
        margin-top: 46%;
        font-size: 15px;
    }
}

@media screen and (min-width: 1680px) and (orientation: landscape){
    #everything { position: absolute; zoom: 90%;
    left:-380px;
    top:-120px; }
    #text { 
        overflow: auto; 
        overflow: scroll; 
    }
    #text111{
        -webkit-text-size-adjust: 145%;
        text-size-adjust: 145%;
        line-height: 10px !important;
        opacity: 90% !important;
    }
    #context_menu{
        line-height: 24px !important;
    }
    #lace1{
        top: 62px;
    }
    #lace2{
        top: 62px;
    }
    #credittome{
        z-index: 100;
        position: absolute;
        margin-left: 47%;
        margin-top: 50%;
        font-size: 15px;
    }
}

    
@media screen and (min-width: 1700px) and (orientation: landscape){
    #everything { position: absolute; zoom: 100%;
    left:-340px;
    top:-80px; }
    #text { 
        overflow: auto; 
        overflow: scroll; 
    }
    #text111{
        -webkit-text-size-adjust: 145%;
        text-size-adjust: 145%;
        line-height: 10px !important;
    }
    #context_menu{
        line-height: 24px !important;
    }
    #lace1{
        top: 22px;
    }
    #lace2{
        top: 22px;
    }
    
}

@media screen and (min-width: 1900px) and (orientation: landscape){
    #everything { position: absolute; zoom: 98%;
    left:-360px;
    top:-180px; }
    #text { 
        overflow: auto; 
        overflow: scroll; 
    }
    #text111{
        -webkit-text-size-adjust: 145%;
        text-size-adjust: 145%;
        line-height: 10px !important;
    }
    #context_menu{
        line-height: 24px !important;
    }
    #lace1{
        top: 122px;
    }
    #lace2{
        top: 122px;
    }
    #credittome{
        z-index: 100;
        position: absolute;
        margin-left: 45%;
        margin-top: 45%;
        font-size: 17px;
    }
}

/*around my monitor size*/

@media screen and (min-width: 2000px) and (orientation: landscape){
    #everything { 
        position: absolute;
        zoom: 90%;
        top: -100px;
        left: -180px; }
    #text { 
        overflow: auto; 
        overflow: scroll; 
    }
    #text111{
        -webkit-text-size-adjust: 145%;
        text-size-adjust: 145%;
        line-height: 10px !important;
    }
    #context_menu{
        line-height: 24px !important;
    }
    #lace1{
        top: 42px;
    }
    #lace2{
        top: 42px;
    }
    #credittome{
        z-index: 100;
        position: absolute;
        margin-left: 48%;
        margin-top: 40%;
        font-size: 18px;
    }
}

@media screen and (min-width: 2200px) and (orientation: landscape){
    #everything { 
        position: absolute;
        zoom: 90%;
        top: -100px;
        left: -100px; }
    #text { 
        overflow: auto; 
        overflow: scroll; 
    }
    #text111{
        -webkit-text-size-adjust: 145%;
        text-size-adjust: 145%;
        line-height: 10px !important;
    }
    #context_menu{
        line-height: 24px !important;
    }
   
    #lace1{
        top: 100px;
    }
    #lace2{
        top: 100px;
    }
}

@media screen and (min-width: 2500px) and (orientation: landscape){
    #everything { 
        position: absolute;
        zoom: 100%;
        top: -40px;
        left: -20px; }
    #text { 
        overflow: auto; 
        overflow: scroll; 
    }
    #text111{
        -webkit-text-size-adjust: 145%;
        text-size-adjust: 145%;
        line-height: 10px !important;
    }
    #context_menu{
        line-height: 24px !important;
    }

    #lace1{
        top: -20px;
    }
    #lace2{
        top: -20px;
    }
   
    #lace5{
        top: 1170px;
    }
    #lace6{
        top: 1170px;
    }
}

    @media screen and (min-width: 3000px) and (orientation: landscape){
    #everything { position: absolute; zoom: 260%;
    left:240px;
    top:80px; }
    #text { 
        overflow: auto; 
        overflow: scroll; 
    }
    #text111{
        -webkit-text-size-adjust: 145%;
        text-size-adjust: 145%;
        line-height: 10px !important;
    }
    #context_menu{
        line-height: 24px !important;
    }
   
} 


/* tv monitors for some reason*/

@media screen and (max-width:640px) and (orientation: landscape){
    #everything { 
        position: absolute;
        zoom: 40%;
        top: -100px;
        left: -540px; }
    #text { 
        overflow: auto; 
        overflow: scroll; 
    }
    #text111{
        -webkit-text-size-adjust: 145%;
        text-size-adjust: 145%;
        line-height: 10px !important;
        opacity: 90% !important;
    }
    #context_menu{
        line-height: 24px !important;
    }
  
}

@media screen and (min-width:3840px) and (orientation: landscape){
            #everything { 
                position: absolute;
                zoom: 190%;
                top: -160px;
                left: -320px; }
            #text { 
                overflow: auto; 
                overflow: scroll; 
            }
            #text111{
                -webkit-text-size-adjust: 145%;
                text-size-adjust: 145%;
                line-height: 10px !important;
                opacity: 80% !important;
            }
            #context_menu{
                line-height: 24px !important;
            }
           
}

@media screen and (min-width:7000px) and (orientation: landscape){
                #everything { 
                    position: absolute;
                    zoom: 200%;
                    top: -180px;
                    left: 480px; }
                #text { 
                    overflow: auto; 
                    overflow: scroll; 
                }
                #text111{
                    -webkit-text-size-adjust: 145%;
                    text-size-adjust: 145%;
                    line-height: 10px !important;
                    opacity: 80% !important;
                }
                #context_menu{
                    line-height: 24px !important;
                }
            
}