diff --git a/rushiikudapane/form.html b/rushiikudapane/form.html new file mode 100644 index 00000000..636a590f --- /dev/null +++ b/rushiikudapane/form.html @@ -0,0 +1,509 @@ + + + + + + + + + + Resume Generator + + + +
+ +
+
+
+

Personal Information

+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ + +
+ + +
+ + +
+

Social Accounts

+
+ + LinkedIn + +
+
+ + GitHub + +
+
+
+
+

Professional Information

+ + + +
+ + + + + + +
+ + +
+
+ + + +
+ + + + + +
+ + +
+
+ + + +
+ + + + + +
+ + +
+
+ + +
+ + + + + +
+ + +
+
+ + +
+ + + + + +
+ + +
+
+ + +
+ + + + + +
+ + +
+
+
+
+ + +
+ +
+
+
+ + + +
+
+ +
+ + +
+

Rushiraj Kudapane

+

kudapanerishi13gmail.com

+

+917744850616

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. + Necessitatibus, culpa. +

+
+ +

+ LinkedIn +    |    + GitHub +

+
+
+
+
+
+

Skills

+
+
+
+
    +
  • + Lorem ipsum dolor sit amet consectetur, adipisicing elit. + Libero, facere? +
    • +
  • + Lorem ipsum dolor sit amet consectetur, adipisicing elit. + Libero, facere? +
    • +
  • + Lorem ipsum dolor sit amet consectetur, adipisicing elit. + Libero, facere? +
    • +
+
+
+
+
+ + +
+

+ Rushiraj Kudapane +

+ + +
+
+

Academic Qualifications

+
+
+
+
    +
  • + Lorem ipsum dolor sit amet consectetur, adipisicing elit. + Libero, facere? +
    • +
  • + Lorem ipsum dolor sit amet consectetur, adipisicing elit. + Libero, facere? +
    • +
  • + Lorem ipsum dolor sit amet consectetur, adipisicing elit. + Libero, facere? +
    • +
+
+
+ + + + + +
+
+

Projects

+
+
+
+
    +
  • + Lorem ipsum dolor sit amet consectetur, adipisicing elit. + Libero, facere? +
    • +
  • + Lorem ipsum dolor sit amet consectetur, adipisicing elit. + Libero, facere? +
    • +
  • + Lorem ipsum dolor sit amet consectetur, adipisicing elit. + Libero, facere? +
    • +
+
+
+ + +
+
+

Work Experience

+
+
+
+
    +
  • + Lorem ipsum dolor sit amet consectetur, adipisicing elit. + Libero, facere? +
    • +
  • + Lorem ipsum dolor sit amet consectetur, adipisicing elit. + Libero, facere? +
    • +
  • + Lorem ipsum dolor sit amet consectetur, adipisicing elit. + Libero, facere? +
    • +
+
+
+ + +
+
+

Hobbies

+
+
+
+
    +
  • + Lorem ipsum dolor sit amet consectetur, adipisicing elit. + Libero, facere? +
    • +
  • + Lorem ipsum dolor sit amet consectetur, adipisicing elit. + Libero, facere? +
    • +
  • + Lorem ipsum dolor sit amet consectetur, adipisicing elit. + Libero, facere? +
    • +
+
+
+ + +
+
+

Achievements & other activities

+
+
+
+
    +
  • + Lorem ipsum dolor sit amet consectetur, adipisicing elit. + Libero, facere? +
    • +
  • + Lorem ipsum dolor sit amet consectetur, adipisicing elit. + Libero, facere? +
    • +
  • + Lorem ipsum dolor sit amet consectetur, adipisicing elit. + Libero, facere? +
    • +
+
+
+ + +
+ + +
+
+
+
+ + + + + diff --git a/rushiikudapane/index.html b/rushiikudapane/index.html new file mode 100644 index 00000000..46d75a55 --- /dev/null +++ b/rushiikudapane/index.html @@ -0,0 +1,56 @@ + + + + + + + + + + + Resume Generator + + +
+
+ +
+
+ +
+
+
+
+

Fast. Easy. Effective.

+

Welcome.

+
+
+
+

+ Build your brand-new resume in as little as 5 minutes. +

+
+
+ +    + + +
+
+
+ + + + diff --git a/rushiikudapane/landingpage.css b/rushiikudapane/landingpage.css new file mode 100644 index 00000000..c12f4d80 --- /dev/null +++ b/rushiikudapane/landingpage.css @@ -0,0 +1,85 @@ +.background { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='100%' height='100%' preserveAspectRatio='none' viewBox='0 0 1440 565'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1218%26quot%3b)' fill='none'%3e%3crect width='100%' height='100%' x='0' y='0' fill='url(%23SvgjsLinearGradient1219)'%3e%3c/rect%3e%3cpath d='M0 0L335.56 0L0 221.25z' fill='rgba(255%2c 255%2c 255%2c .1)'%3e%3c/path%3e%3cpath d='M0 221.25L335.56 0L397.09000000000003 0L0 331.62z' fill='rgba(255%2c 255%2c 255%2c .075)'%3e%3c/path%3e%3cpath d='M0 331.62L397.09000000000003 0L730.6700000000001 0L0 351.56z' fill='rgba(255%2c 255%2c 255%2c .05)'%3e%3c/path%3e%3cpath d='M0 351.56L730.6700000000001 0L1233 0L0 361.04z' fill='rgba(255%2c 255%2c 255%2c .025)'%3e%3c/path%3e%3cpath d='M1440 565L833.44 565L1440 367.03z' fill='rgba(0%2c 0%2c 0%2c .1)'%3e%3c/path%3e%3cpath d='M1440 367.03L833.44 565L735.5600000000001 565L1440 310.21999999999997z' fill='rgba(0%2c 0%2c 0%2c .075)'%3e%3c/path%3e%3cpath d='M1440 310.22L735.5600000000001 565L473.20000000000005 565L1440 164.06000000000003z' fill='rgba(0%2c 0%2c 0%2c .05)'%3e%3c/path%3e%3cpath d='M1440 164.06L473.20000000000005 565L238.41000000000005 565L1440 101.03999999999999z' fill='rgba(0%2c 0%2c 0%2c .025)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1218'%3e%3crect width='100%' height='100%' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='50%25' y1='100%25' x2='50%25' y2='0%25' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1219'%3e%3cstop stop-color='%230e2a47' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(0%2c 158%2c 143%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e"); +} + +.header { + color: rgb(16, 68, 68); + margin-top: 50px; + margin-left: 70px; + font-size: 25px; + font-weight: 600; +} + +.header2 { + color: rgb(27, 236, 236); + margin-left: 60px; +} + +.textField { + font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; +} + +.title { + text-align: right; + font-size: 42px; + margin-top: 15px; + /* margin-right: 25px; */ + color: rgb(14, 41, 41); + font-family: "Calisto MT", "Bookman Old Style", Bookman, "Goudy Old Style", + Garamond, "Hoefler Text", "Bitstream Charter", Georgia, serif; +} + +.text { + color: rgb(188, 229, 229); + font-size: 50px; + /* margin-left: 60px; */ + padding-left: 80px; +} + +.logo { + width: 80px; + border-radius: 50%; + position: right; + margin-top: 15px; + float: right; + margin-right: 20px; +} + +/* From cssbuttons.io by @adamgiebl */ +/* From cssbuttons.io by @nikk7007 */ +.btn { + padding: 0.8em 1.8em; + border: 2px solid #17c3b2; + position: relative; + overflow: hidden; + background-color: transparent; + text-align: center; + text-transform: uppercase; + font-size: 16px; + transition: 0.3s; + z-index: 1; + font-family: inherit; + color: #17c3b2; +} + +.btn::before { + content: ""; + width: 0; + height: 300%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%) rotate(45deg); + background: #17c3b2; + transition: 0.5s ease; + display: block; + z-index: -1; +} + +.btn:hover::before { + width: 105%; +} + +.btn:hover { + color: #111; +} diff --git a/rushiikudapane/script.js b/rushiikudapane/script.js new file mode 100644 index 00000000..4238c75b --- /dev/null +++ b/rushiikudapane/script.js @@ -0,0 +1,291 @@ +var countBox1 = 1; +function addNewWexpField() { + var boxName = "deleteField1" + countBox1; + let newNode = document.createElement("textarea"); + newNode.classList.add("form-control"); + newNode.classList.add("wexpField"); + newNode.classList.add("mt-3"); + newNode.classList.add("mb-3"); + newNode.setAttribute("placeholder", "Enter your work experiences"); + newNode.classList.add('"' + boxName + '"'); + countBox1 = countBox1 + 1; + + let wexpOb = document.getElementById("wexp"); + let wexpAddButtonOb = document.getElementById("wexpAddButton"); + + wexpOb.insertBefore(newNode, wexpAddButtonOb); +} +function deleteexp() { + countBox1 = countBox1 - 1; + var boxName = "deleteField1" + countBox1; + const elements = document.getElementsByClassName('"' + boxName + '"'); + while (elements.length > 0) { + elements[0].parentNode.removeChild(elements[0]); + } +} + +var countBox2 = 1; +function addNewAcdqField() { + var boxName = "deleteField" + countBox2; + let newNode = document.createElement("textarea"); + newNode.classList.add("form-control"); + newNode.classList.add("acdqField"); + newNode.classList.add("mt-3"); + newNode.classList.add("mb-3"); + newNode.setAttribute("placeholder", "Enter your academic qualification"); + newNode.classList.add('"' + boxName + '"'); + countBox2 = countBox2 + 1; + + let acdqOb = document.getElementById("acdq"); + let acdqAddButtonOb = document.getElementById("acdqAddButton"); + + acdqOb.insertBefore(newNode, acdqAddButtonOb); +} + +function deleteAcdqField() { + countBox2 = countBox2 - 1; + var boxName = "deleteField" + countBox2; + const elements = document.getElementsByClassName('"' + boxName + '"'); + while (elements.length > 0) { + elements[0].parentNode.removeChild(elements[0]); + } +} + +var countBox5 = 1; +function addNewhobbiesField() { + var boxName = "deleteField5" + countBox5; + let newNode = document.createElement("textarea"); + newNode.classList.add("form-control"); + newNode.classList.add("hobbiesField"); + newNode.classList.add("mt-3"); + newNode.classList.add("mb-3"); + newNode.setAttribute("placeholder", "Enter your hobbies"); + newNode.classList.add('"' + boxName + '"'); + countBox5 = countBox5 + 1; + + let hobbiesOb = document.getElementById("hobbies"); + let hobbiesAddButtonOb = document.getElementById("hobbiesAddButton"); + + hobbiesOb.insertBefore(newNode, hobbiesAddButtonOb); +} +function deletehobby() { + countBox5 = countBox5 - 1; + var boxName = "deleteField5" + countBox5; + const elements = document.getElementsByClassName('"' + boxName + '"'); + while (elements.length > 0) { + elements[0].parentNode.removeChild(elements[0]); + } +} + +var countBox3 = 1; +function addNewskillsField() { + var boxName = "deleteField3" + countBox3; + let newNode = document.createElement("textarea"); + newNode.classList.add("form-control"); + newNode.classList.add("skillsField"); + newNode.classList.add("mt-3"); + newNode.classList.add("mb-3"); + newNode.setAttribute("placeholder", "Enter your skills"); + newNode.classList.add('"' + boxName + '"'); + countBox3 = countBox3 + 1; + + let skillsOb = document.getElementById("skills"); + let skillsAddButtonOb = document.getElementById("skillsAddButton"); + + skillsOb.insertBefore(newNode, skillsAddButtonOb); +} +function deletskills() { + countBox3 = countBox3 - 1; + var boxName = "deleteField3" + countBox3; + const elements = document.getElementsByClassName('"' + boxName + '"'); + while (elements.length > 0) { + elements[0].parentNode.removeChild(elements[0]); + } +} + +var countBox4 = 1; +function addNewprojectsField() { + var boxName = "deleteField4" + countBox4; + let newNode = document.createElement("textarea"); + newNode.classList.add("form-control"); + newNode.classList.add("projectsField"); + newNode.classList.add("mt-3"); + newNode.classList.add("mb-3"); + newNode.setAttribute("placeholder", "Enter your projects"); + newNode.classList.add('"' + boxName + '"'); + countBox4 = countBox4 + 1; + + let projectsOb = document.getElementById("projects"); + let projectsAddButtonOb = document.getElementById("projectsAddButton"); + + projectsOb.insertBefore(newNode, projectsAddButtonOb); +} +function deleteproject() { + countBox4 = countBox4 - 1; + var boxName = "deleteField4" + countBox4; + const elements = document.getElementsByClassName('"' + boxName + '"'); + while (elements.length > 0) { + elements[0].parentNode.removeChild(elements[0]); + } +} + +var countBox6 = 1; +function addNewachievementsField() { + var boxName = "deleteField6" + countBox6; + let newNode = document.createElement("textarea"); + newNode.classList.add("form-control"); + newNode.classList.add("achievementsField"); + newNode.classList.add("mt-3"); + newNode.classList.add("mb-3"); + newNode.setAttribute("placeholder", "Enter your achievements"); + newNode.classList.add('"' + boxName + '"'); + countBox6 = countBox6 + 1; + + let achievementsOb = document.getElementById("achievements"); + let achievementsAddButtonOb = document.getElementById( + "achievementsAddButton" + ); + + achievementsOb.insertBefore(newNode, achievementsAddButtonOb); +} +function deleteAchievement() { + countBox6 = countBox6 - 1; + var boxName = "deleteField6" + countBox6; + const elements = document.getElementsByClassName('"' + boxName + '"'); + while (elements.length > 0) { + elements[0].parentNode.removeChild(elements[0]); + } +} + +//generating CV +function generateCV() { + //for name + let nameFieldOb = document.getElementById("nameField").value; + let nameT1 = document.getElementById("nameT1"); + + nameT1.innerHTML = nameFieldOb; + + document.getElementById("nameT2").innerHTML = nameFieldOb; + + //for email + let emailFieldOb = document.getElementById("emailField").value; + let emailT = document.getElementById("emailT"); + + emailT.innerHTML = emailFieldOb; + + //for contact + let contactFieldOb = document.getElementById("contactField").value; + let contactT = document.getElementById("contactT"); + + contactT.innerHTML = contactFieldOb; + + //for address + let addressFieldOb = document.getElementById("addressField").value; + let addressT = document.getElementById("addressT"); + + addressT.innerHTML = addressFieldOb; + + //for Linkedin + let val1 = document.getElementById("LinkedInField").value; + document.getElementById("LinkedInT").setAttribute("href", val1); + + //for github + let val2 = document.getElementById("GithubField").value; + document.getElementById("GithubT").setAttribute("href", val2); + + //for hobbies + let hobbiess = document.getElementsByClassName("hobbiesField"); + + let str2 = ""; + + for (let e of hobbiess) { + str2 = str2 + `
  • ${e.value}
    • `; + } + + document.getElementById("hobbiesT").innerHTML = str2; + + //for skilld + let skillss = document.getElementsByClassName("skillsField"); + + let str3 = ""; + + for (let e of skillss) { + str3 = str3 + `
  • ${e.value}
    • `; + } + + document.getElementById("skillsT").innerHTML = str3; + + //for projects + let projectss = document.getElementsByClassName("projectsField"); + + let str4 = ""; + + for (let e of projectss) { + str4 = str4 + `
  • ${e.value}
    • `; + } + + document.getElementById("projectsT").innerHTML = str4; + + //for achievements + let achievementss = document.getElementsByClassName("achievementsField"); + + let str5 = ""; + + for (let e of achievementss) { + str5 = str5 + `
  • ${e.value}
    • `; + } + + document.getElementById("achievementsT").innerHTML = str5; + + //for workexperience + let wexps = document.getElementsByClassName("wexpField"); + + let str = ""; + + for (let e of wexps) { + str = str + `
  • ${e.value}
    • `; + } + + document.getElementById("wexpT").innerHTML = str; + + //for academic qualifications + let acdqs = document.getElementsByClassName("acdqField"); + + let str1 = ""; + + for (let e of acdqs) { + str1 = str1 + `
  • ${e.value}
    • `; + } + + document.getElementById("acdqT").innerHTML = str1; + + // code to insert Image + + let file = document.getElementById("imgField").files[0]; + + console.log(file); + + let readerOb = new FileReader(); + + readerOb.readAsDataURL(file); + + console.log(readerOb.result); + + readerOb.onloadend = function () { + document.getElementById("imgTemplate").src = readerOb.result; + }; + + document.getElementById("cv-form").style.display = "none"; + document.getElementById("cv-template").style.display = "block"; +} + +function back() { + document.getElementById("cv-form").style.display = "block"; + document.getElementById("cv-template").style.display = "none"; +} + +function printCV() { + document.getElementById("printButton").style.display = "none"; + setTimeout(window.print, 1000); + // document.getElementById("printButton").style.display = "block"; +} diff --git a/rushiikudapane/style.css b/rushiikudapane/style.css new file mode 100644 index 00000000..a584c257 --- /dev/null +++ b/rushiikudapane/style.css @@ -0,0 +1,299 @@ +.header { + background-color: rgb(213, 236, 183); + border: 1px solid rgb(50, 62, 85); + margin-top: 10px; +} + +.form { + padding-top: 30px; + background-color: rgb(220, 245, 220); + -webkit-box-shadow: 10px 10px 10px 5px rgb(8, 30, 59); + -moz-box-shadow: 10px 10px 10px 5px rgb(8, 30, 59); + box-shadow: 10px 10px 20px 5px rgb(8, 30, 59); +} + +/* #cv-form{ + display: none; +} */ + +#cv-template { + display: none; +} + +.profilePicture { + border: 1px solid rgb(245, 243, 243); + border-radius: 50%; + width: 200px; + margin-top: 20px; + height: 225px; + border: 1px solid rgb(18, 27, 27); +} + +.personalColumn { + background-color: rgb(217, 243, 241); +} + +.skillsList { + padding-left: 20px; +} + +.background { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='100%' height='100%' preserveAspectRatio='none' viewBox='0 0 100 100'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1340%26quot%3b)' fill='none'%3e%3crect width='100%' height='100%' x='0' y='0' fill='url(%23SvgjsLinearGradient1341)'%3e%3c/rect%3e%3cpath d='M100 0L86.42 0L100 48.31z' fill='rgba(255%2c 255%2c 255%2c .1)'%3e%3c/path%3e%3cpath d='M86.42 0L100 48.31L100 67.38L56.68000000000001 0z' fill='rgba(255%2c 255%2c 255%2c .075)'%3e%3c/path%3e%3cpath d='M56.68 0L100 67.38L100 84.06L54.01 0z' fill='rgba(255%2c 255%2c 255%2c .05)'%3e%3c/path%3e%3cpath d='M54.01 0L100 84.06L100 85.84L23.779999999999998 0z' fill='rgba(255%2c 255%2c 255%2c .025)'%3e%3c/path%3e%3cpath d='M0 100L26.41 100L0 50.8z' fill='rgba(0%2c 0%2c 0%2c .1)'%3e%3c/path%3e%3cpath d='M0 50.8L26.41 100L44.56 100L0 36.949999999999996z' fill='rgba(0%2c 0%2c 0%2c .075)'%3e%3c/path%3e%3cpath d='M0 36.949999999999996L44.56 100L52.690000000000005 100L0 18.829999999999995z' fill='rgba(0%2c 0%2c 0%2c .05)'%3e%3c/path%3e%3cpath d='M0 18.83L52.690000000000005 100L65.56 100L0 12.819999999999999z' fill='rgba(0%2c 0%2c 0%2c .025)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1340'%3e%3crect width='100%' height='100%' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='50%25' y1='100%25' x2='50%25' y2='0%25' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1341'%3e%3cstop stop-color='rgba(14%2c 84%2c 78%2c 1)' offset='0.01'%3e%3c/stop%3e%3cstop stop-color='rgba(14%2c 84%2c 78%2c 1)' offset='0.1'%3e%3c/stop%3e%3cstop stop-color='rgba(44%2c 200%2c 196%2c 1)' offset='0.81'%3e%3c/stop%3e%3cstop stop-color='rgba(44%2c 200%2c 196%2c 1)' offset='0.9'%3e%3c/stop%3e%3cstop stop-color='rgba(44%2c 200%2c 196%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e"); +} + +/* From cssbuttons.io by @nikk7007 */ +.addBtn { + --color: #00a97f; + --color2: #163f41; + padding: 0.8em 1.7em; + background-color: transparent; + border-radius: 10px; + border: 1.5px solid var(--color); + transition: 0.5s ease; + position: relative; + overflow: hidden; + cursor: pointer; + z-index: 1; + font-weight: 700; + font-size: 10px; + font-family: "Roboto", "Segoe UI", sans-serif; + text-transform: uppercase; + color: var(--color); +} + +.addBtn::before { + content: ""; + display: block; + height: 110%; + width: 310%; + transform: translate(0, -50%); + position: absolute; + top: 50%; + left: -5%; + z-index: -1; + transition: 0.7s; + background: -moz-linear-gradient(45deg, var(--color2) 33%, var(--color) 66%); + background: -webkit-linear-gradient( + 45deg, + var(--color2) 33%, + var(--color) 66% + ); + background: linear-gradient(45deg, var(--color2) 33%, var(--color) 66%); +} + +.addBtn:hover::before { + left: -200%; +} + +.addBtn:hover { + color: var(--color2); +} + +.addBtn:active { + transform: scale(0.98); + filter: brightness(0.8); +} + +.delBtn { + --color: #da9f88; + --color2: #ad1212; + padding: 0.8em 1.7em; + background-color: transparent; + border-radius: 10px; + border: 1.5px solid var(--color); + transition: 0.5s ease; + position: relative; + overflow: hidden; + cursor: pointer; + z-index: 1; + font-weight: 700; + font-size: 10px; + font-family: "Roboto", "Segoe UI", sans-serif; + text-transform: uppercase; + color: var(--color); +} + +.delBtn::before { + content: ""; + display: block; + height: 110%; + width: 310%; + transform: translate(0, -50%); + position: absolute; + top: 50%; + left: -5%; + z-index: -1; + transition: 0.7s; + background: -moz-linear-gradient(45deg, var(--color2) 33%, var(--color) 66%); + background: -webkit-linear-gradient( + 45deg, + var(--color2) 33%, + var(--color) 66% + ); + background: linear-gradient(45deg, var(--color2) 33%, var(--color) 66%); +} + +.delBtn:hover::before { + left: -200%; +} + +.delBtn:hover { + color: var(--color2); +} + +.delBtn:active { + transform: scale(0.98); + filter: brightness(0.8); +} + +.Genbtn { + --color: #00a97f; + --color2: #052c2e; + padding: 0.8em 1.7em; + background-color: transparent; + border-radius: 10px; + border: 1.5px solid var(--color); + transition: 0.5s ease; + position: relative; + overflow: hidden; + cursor: pointer; + z-index: 1; + font-weight: 700; + font-size: 17px; + font-family: "Roboto", "Segoe UI", sans-serif; + text-transform: uppercase; + color: var(--color); +} + +.Genbtn::before { + content: ""; + display: block; + height: 110%; + width: 310%; + transform: translate(0, -50%); + position: absolute; + top: 50%; + left: -5%; + z-index: -1; + transition: 0.7s; + background: -moz-linear-gradient(45deg, var(--color2) 33%, var(--color) 66%); + background: -webkit-linear-gradient( + 45deg, + var(--color2) 33%, + var(--color) 66% + ); + background: linear-gradient(45deg, var(--color2) 33%, var(--color) 66%); +} + +.Genbtn:hover::before { + left: -200%; +} + +.Genbtn:hover { + color: var(--color2); +} + +.Genbtn:active { + transform: scale(0.98); + filter: brightness(0.8); +} + +.labelform { + color: white; + font-weight: 600; + font-size: 20px; + font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; +} +.pform { + color: white; + font-weight: 600; + font-size: 20px; + font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; +} + +.h3form { + margin-bottom: 25px; + font-weight: 800; + font-size: 40px; + font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; + color: rgb(27, 57, 66); +} + +.cvBackground { + background-color: white; + -webkit-box-shadow: 10px 10px 10px 5px rgb(8, 30, 59); + -moz-box-shadow: 10px 10px 10px 5px rgb(8, 30, 59); + box-shadow: 10px 10px 20px 5px rgb(8, 30, 59); +} + +.pCVtemplate { + font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; + font-weight: 700; +} + +.cvHeading { + font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, + serif; +} + +.h3CVtemplate { + font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", + Georgia, serif; + font-weight: 900; +} + +.listCVtemplate { + font-family: Futura, "Trebuchet MS", Arial, sans-serif; + font-size: 17px; + font-weight: 500; + color: rgb(8, 19, 36); +} + +.socialLIn { + background-color: rgb(23, 109, 167); + color: whitesmoke; +} + +.socialGh { + background-color: rgb(0, 0, 0); + color: whitesmoke; +} + +/* From cssbuttons.io by @adamgiebl */ +.cvBtn1 { + color: #090909; + padding: 0.7em 1.7em; + font-size: 15px; + border-radius: 0.5em; + background: #e8e8e8; + border: 1px solid #e8e8e8; + transition: all 0.3s; + box-shadow: 6px 6px 12px #c5c5c5, -6px -6px 12px #ffffff; +} + +.cvBtn1:hover { + border: 1px solid white; +} + +.cvBtn1:active { + box-shadow: 4px 4px 12px #c5c5c5, -4px -4px 12px #ffffff; +} + +.cvBtn2 { + color: #090909; + padding: 0.7em 1.7em; + font-size: 15px; + border-radius: 0.5em; + background: #d8c412; + border: 1px solid #e8e8e8; + transition: all 0.3s; + box-shadow: 6px 6px 12px #c5c5c5, -6px -6px 12px #ffffff; +} + +.cvBtn2:hover { + border: 1px solid white; +} + +.cvBtn2:active { + box-shadow: 4px 4px 12px #c5c5c5, -4px -4px 12px #ffffff; +}