*{margin: 0; padding: 0; border: 0;}
        @font-face { font-family: 'SourceSansPro-ExtraLight';
             src: url('SourceSansPro-ExtraLight.ttf') format('truetype');
             src: url('SourceSansPro-ExtraLight.woff') format('woff');}
       
                 

/*Titel*/
html, body{width: 100%;
  height: 100%;cursor: default;animation:fadein 0.5s;-moz-animation:fadein 1.0s;-webkit-animation:fadein 0.5s;}
a{text-decoration: none;}

/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: white #013640;}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 10px;}

*::-webkit-scrollbar-track {
  background: #013640;}

*::-webkit-scrollbar-thumb {
  background-color: white;}

.title{background: url(newmoonrising.jpg);background-repeat: no-repeat;
          background-position: center;background-size: cover;
          width: 100%;height: 100%;position: absolute;top: 0;}

.navigationwrap{width: 20vw;height: 16vw;margin: 70vh 12vw 0 auto;}

.signwrap1{width: 20vw;height: 4vw;margin: 1.562500vw auto 0 auto;}

.signlinks{margin: 0.625vw 0.9vw 0 9.296875vw;font-family: 'SourceSansPro-ExtraLight';font-size: 2.2vw;text-align: center;float: left;transition: all 0.3s linear;
 color: white;}

.signrechts{margin: 0.625vw 0 0 0.9vw;font-family: 'SourceSansPro-ExtraLight';font-size: 2.2vw;text-align: center;
       float: left;transition: all 0.3s linear;color: white;}

.target{margin-top: 0.781250vw;font-family: 'SourceSansPro-ExtraLight';font-size: 1.8vw;text-align: center;
           color: white;float: left;}

.signwrap1:hover .signlinks{transform: translateX(-3.125vw);}
.signwrap1:hover .signrechts{transform: translateX(3.125vw);}

.back{background: url(newmoon.jpg);background-repeat: no-repeat;
          background-position: center;background-size: cover;
          width: 100%;height: 100%;overflow: hidden;}

.projectinfo{width: 26vw;height: 26vw;margin: 26vw 6vw 0 auto;padding-right: 4vw;float: left;overflow: auto;
            font-family: 'SourceSansPro-ExtraLight';color: white;font-size: 1.3vw;
            line-height: 1.3;text-align: justify;}

.phonehome{display: none;}

.navigation{width: 59vw;height: 16vw;margin: 45vw 0 0 4vw;float: left;}

.signwrap2{width: 18vw;height: 4vw;margin: 0 2.8vw 0 auto;float:left;}
.signwrap3{width: 14vw;height: 4vw;float:left;}
.signwrap4{width: 16vw;height: 4vw;float:left;}

.signlinks2{margin: 0.625vw 0.9vw 0 2vw;font-family: 'SourceSansPro-ExtraLight';font-size: 2.2vw;
            text-align: center;float: left;transition: all 0.3s linear;color: white;}

.signrechts2{margin: 0.625vw 0 0 0.9vw;font-family: 'SourceSansPro-ExtraLight';font-size: 2.2vw;
             text-align: center;float: left;transition: all 0.3s linear;color: white;}

.target2{margin-top: 0.781250vw;font-family: 'SourceSansPro-ExtraLight';font-size: 1.8vw;text-align: center;
           color: white;transition: all 0.3s linear;float: left;}

.signwrap2:hover .signlinks2{transform: translateX(-3.125vw);color: #82cbdc;}
.signwrap2:hover .signrechts2{transform: translateX(3.125vw);color: #82cbdc;}
.signwrap2:hover .target2{color:#82cbdc;}

.signwrap3:hover .signlinks2{transform: translateX(-3.125vw);color: #82cbdc;}
.signwrap3:hover .signrechts2{transform: translateX(3.125vw);color: #82cbdc;}
.signwrap3:hover .target2{color: #82cbdc;}

.signwrap4:hover .signlinks2{color: grey;}
.signwrap4:hover .signrechts2{color: grey;}
.signwrap4:hover .target2{color: grey;}

.albumwrap{width: 31vw;height: 52vw;
          margin: 16vw 0 6vw auto;float: left;overflow: auto;}

.albumpn{background: url(parisnights.jpg);background-repeat: no-repeat;
          background-position: center;background-size: cover;width: 26vw;height: 26vw;
          margin: 0 4vw 0 auto;float: left;}

.albumdb{background: url(dragonblood.jpg);background-repeat: no-repeat;
          background-position: center;background-size: cover;width: 26vw;height: 26vw;
          margin: 6vw 4vw 0 auto;float: left;}

.albumas{background: url(amalaswintha.jpg);background-repeat: no-repeat;
          background-position: center;background-size: cover;width: 26vw;height: 26vw;
          margin: 6vw 4vw 0 auto;float: left;}

.albumtt{background: url(timetraveller.jpg);background-repeat: no-repeat;
          background-position: center;background-size: cover;width: 26vw;height: 26vw;
          margin: 6vw 4vw 26vw auto;float: left;}

.videowrap{width: 34vw;height: 52vh;
          margin: 16vw 0 6vw auto;float: left;overflow: auto;}
video{background-color: black; width:30vw; height:20vw; margin: 3vw 2vw 0 auto;float: left;}

.link{font-family: 'SourceSansPro-ExtraLight';
    font-size: 1.3vw;
    color: white; padding: 0.5vw 0.5vw 0.5vw 0;
    text-align: left;
    text-decoration: none;}

.link:hover{border-top: 1px solid white;border-bottom: 1px solid white;}


/*amalaswintha*/


.titel1{background: url(amalalogodark.jpg);background-repeat: no-repeat;
          background-position: center;background-size: cover;
          width: 100%;height: 100%;overflow:scroll;}

.titel2{background: url(amalabackblack.jpg);background-repeat: no-repeat;
          background-position: center;background-size: cover;
          width: 100%;height: 100%;overflow: scroll;}

.navi1{width: 66vw;height: 16vw;margin: 36vw auto 0 auto;}
.navi2{width: 66vw;height: 16vw;margin: 5vw auto 0 auto;}
.navi3{width: 66vw;height: 16vw;margin: 4vw auto 0 auto;}

.zielwrap{width: 18vw;height: 4vw;margin: 0 2.8vw 0 auto;float:left;}

.ziellinks{margin: 0.625vw 0.9375vw 0 2vw;font-family: 'SourceSansPro-ExtraLight';font-size: 1.8vw;
            text-align: center;float: left;transition: all 0.3s linear;color: white;}

.zielrechts{margin: 0.625vw 0 0 0.9375vw;font-family: 'SourceSansPro-ExtraLight';font-size: 1.8vw;
             text-align: center;float: left;transition: all 0.3s linear;color: white;}

.ziel{margin-top: 0.781250vw;font-family: 'SourceSansPro-ExtraLight';font-size: 1.4vw;text-align: center;
           color: white;transition: all 0.3s linear;float: left;}

.zielwrap:hover .ziellinks{transform: translateX(-3.125vw);color: red;}
.zielwrap:hover .zielrechts{transform: translateX(3.125vw);color: red;}
.zielwrap:hover .ziel{color:red;}

.konzept{width: 66vw;height: auto;margin: 17vw auto 0 auto;padding: 1vw 1vw 0 1vw;
            font-family: 'SourceSansPro-ExtraLight';color: white;font-size: 1.4vw;
            line-height: 1.3;text-align: justify;}
.konzeptsong{width: 66vw;height: auto;margin: 10vw auto 0 auto;padding: 1vw 1vw 0 1vw;
            font-family: 'SourceSansPro-ExtraLight';color: white;font-size: 1.4vw;
            line-height: 1.3;text-align: justify;}

.song{width: 66vw;margin-top: 1vw;margin-left: 2vw;font-family: 'SourceSansPro-ExtraLight';font-size: 1.4vw;text-align: right;
           color: white;transition: all 0.3s linear;}


.phonenav{display: none;}
.phonenav2{display: none;}